如何设计简洁实用的APP交互界面.docx

1、学 IT 技能上我学院网 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQL|VR|AR如何设计简洁实用的 APP交互界面如何设计出简洁实用的 APP交互界面？交互 UI设计常常讲到用户需求、用户体验。关于 app界面设计 ui交互设计效果，往往没有我们想得那么简单。在交互设计培训课堂上，我们经常被要求设计简单易用的 app界面，目的就是为了实现用户体验，随着用户的需求趋势，简单化成为 app界面设计的一个潮流指标。毫无疑问，这是正确的。但是发现有趣的事情，就是，在交互设计培训当中，关于如何设计引人瞩

2、目的 app界面，有很多设计的技巧。同学们为了实现界面的引人入胜，在 app界面设计上运用了很多设计技巧，虽然起到引人注意的效果，但是在用户体验上却又有一丝缺陷。也就是说，对于 ui交互设计来讲，引人瞩目的界面引导用户进行体验，但是因为没有简单易用的使用流程，却没有留用用户继续体验。学 IT 技能上我学院网 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQL|VR|AR那么，在交互设计培训里，简单易用和引人注目的 app界面设计，就成为了我们设计重点。那么，今天的丝路 ui培训分享就跟大家谈谈如何在简

3、单中添加，如何在复杂中减少。以实现简单使用，有引人注目的 app界面设计。今天首先根据交互设计培训的教学理念，将两者分开讨论。一、如何设计简单易用的 app界面1、遵循用户习惯和社会常理简单易用，在交互设计培训里面没办法给一个明确的公式或者结论。因为每个用户的使用习惯都是不一样的。对于简单这个名词，每个人的程度都是不一样的。所以，在 app界面设计上，交互设计培训中只能根据大多数用户的习惯以及设计的常理进行解释和定义。因此，我们在 ui交互设计上，想要实现用户人认为简单易用 app界面设计，就需要遵循用户习惯和社会常理。学 IT 技能上我学院网 Unity3D|Cocos|php|HTML5|

4、Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQL|VR|AR在这个全民创业万众创新的时代，说遵循习俗或惯例可能有点怪。但要把产品设计简单，这一条非常重要。为什么?所谓简单，就是多数人可以不经过培训或简单培训一下就可以使用。而要少培训，就意味着多数人凭借当前的个人经验或知识就能够使用这个产品，或者再加上一点逻辑推理就可以使用产品。而习俗或惯例往往是群体性经验和知识的凝结，是大家经过多年的学习和磨合最重都掌握的知识和经验。如果一个产品在设计过程中，不尽量遵循习俗或惯例，就会让所有人用起来感觉很怪，或者所有人都得经过大量培训。当然，完全创新或突破性的产

5、品除外。比如，大家已经默认了红色是预警的意思，绿色是通学 IT 技能上我学院网 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQL|VR|AR行的意思，你却偏偏要用绿色来做预警，用红色来做通行。除了满足自己的个人趣味外，真的对产品没有任何益处。2、多利用图片解释，图文并用图片是最好的解释工具。就好比如在交互设计培训上，如果有一些比较难以理解的知识点，老师会以图片来进行解释，加强童鞋们的理解。例如，黄金比例，如果知识数学理念的教学，估计很多同学都不懂。但是经过交互设计培训老师的图文解释之后，就明白原理以

6、及如何应用。图片或图标加上文字，能够让识字和不识字的用户都快速准确地识别信息，从而引导用户的下一步行动。有人可能会说，只用文字或图标不可以吗?当然可以，但覆盖的用户群体可能就会有缺失。三岁的小孩子用 ipad玩游戏，肯定不是通过文字来找到自己喜欢的游戏的。当然，这里面还有一个图文描述是否准确的问题。这个说起来太复杂。但也有一条最简单的原则就是：遵循习俗或惯例。不乱独创图标或文字来描述一个大家有共识的东西。3、建立正确的匹配关系。学 IT 技能上我学院网 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQ

7、L|VR|AR我们公司有一间会议室，会议室有前中后三排灯。大家在播放 ppt的时候，要把前排的灯关掉，方便同事们看清楚。灯的开关也正好是前中后三个，但中间的开关却是控制前排灯的，前排开关控制的是后排灯，后排开关控制的是中间的灯。而大家偶尔去开会，不可能记下来这个顺序。然后，就会看到一个同事啪啪啪地按开关，然后找到控制前排灯的开关来关掉前排灯。几乎每次都如此。这就是没有建立正确匹配关系所带来的问题。要是能够把开关的排列顺序与灯的顺序保持一致，其实问题应该就解决了。所以，作为产品设计人员，应当利用好人们所能理解的自然匹配关系，确保用户能够看出下列关系：one:操作意图与可能的操作行为之间的关系。t

8、wo:操作行为与操作效果之间的关系。three:系统实际状态与用户通过视觉、听觉和触觉所感知到的系统状态这两者间的关系.four:所感知到的系统状态与用户的需求、意图和期望之间的关系。4、提供适当的解释定义不好下，但可以举个很好的例子：便签。现实生活中我们可以用便签来帮助我们记忆一些东西，从而简化我们生活中所需要记忆或注意的事项。在产品设计中，也同样可以使用类似的功能。比如，在实在是生僻的功能旁边，增加一些简要的解释。就可以帮助学 IT 技能上我学院网 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQ

9、L|VR|AR用户快速了解其作用。在表格旁边添加一些注释，帮助用户了解注意事项，这些都是常见的心理辅助手段。虽然简单，但往往能够起到大作用。5、新用户感受：免登录免选择，无需引导即可浏览所有频道内容实际应用：可以更简单，推荐频道不用区分编辑推荐和用户推荐，多一层选择但并没有产生更多意义，建议取消编辑推荐，完全采取用户推荐的形式。6、登陆后自我表达体验学 IT 技能上我学院网 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQL|VR|AR建议：针对第一次注册的用户，在注册后第一次进入到发现页面的时候，出

10、现醒目提示告知用户开始创建频道的第一次尝试，且这次尝试不占用当日名额。发言类型不用作为整个频道的规范，而是在每次用户发言时可以自由选择。下面，今天的交互设计培训就跟大家讲讲如何使得 app界面设计引人注目。二、如何使得 app界面设计引人注目前面也讲过，交互设计培训当中，关于设计漂亮的引人注目的 app界面，是有很多方法，是开放性的。不拘一格的。那么今天，主要讲讲我在交互设计培训当中掌握并觉得很实用的几个设计指标：1、必须要有指示性设计让一个 APP变得直观，可以运用一系列的元素。其中重要的一个就是指示性设计。也许这个名字就能说明一切。一个应用程序可以由任何所使用的元素或文字来指示。即使是一个

11、简单的不同选词也会造成很大的不同。比如，使用“评论”而不是“发布”会对用户对特定文本的理解产生巨大的影响。通过使用不同的颜色、形状、文、按钮、行动按钮等，我们希望能够制造一个引导用户做出预期行为反应的体验等等。学 IT 技能上我学院网 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQL|VR|AR2、让你的 APP设计对于用户来说有熟悉感。使用人们所熟悉的图标、文字、按钮的形状将提升用户体验，这样免去了一些猜测设计用途的麻烦。而且 APP熟悉感的设计可以省略很多说明或是不相关的功能。只要做一些小调整就

12、可以大大改善用户体验。3、简约而扁平化的设计。学 IT 技能上我学院网 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQL|VR|AR简单地来说，简约的设计就是简化和去除干扰。通过删除那些令屏幕凌乱的选项、文字和其他元素，我们可以做出一个干净易用的设计。而且加上如今火热的 APP扁平化设计和卡片式设计。可以更加符合大众的审美要求。三、如何将简单易用与引人注目相结合一开始，交互设计培训的同学们都会觉得这两者结合挺容易的，不就是在简单易用的设计原则上，加上一些吸引人注意的设计元素。又或者是在在设计引入注意的设计上，减少一些设计以技巧，以实现简单化。但是，到交互设计培训到了后期，同学们发现，学的知识越多，就越难实现一开始所说的加加减减。学 IT 技能上我学院网 Unity3D|Cocos|php|HTML5|Java|ios|Android|C#|AS3|PS|UI|3Dmax|Python|MySQL|VR|AR因为，一份优秀的设计必须是合理分融合。那么，我们来看个例子理解一下。就好比如，在设计引入注目的 app界面设计，可以利用炫酷的文字设计。如果在 app界面设计上使用简单的排版设计，其实，这两者是可以融合。就是说，炫酷的文字设计并不影响排版的简约。