认识达内从这里开始

对于任何一个UI设计师来说，只有通过完善的设计规划才能设计出更符合用户需求的UI设计产品，下面我们就通过案例分析来简单了解一下，UI设计规划包含哪些内容。

1、从需求到设计草图，隔着一扇门

信息分类

(1)逻辑分类：生活逻辑，从大到小

(2)卡片分类：类似的东西放在一起

好的导航是成功的一半

好的导航让用户清楚的认识到信息结构和自己所处的位置

(1)深广度平衡：层级的数目为深度，每一层级包含的菜单项数为广度;广度导航更利于用户发现信息，一般不多于7项;深广度平衡的导航使用户在每个层级上不必面临过多的选择，通过每个选项的名称便可明确自己寻找的方向

(2)用户所需信息与商业推广的平衡：在不影响用户找到所需信息的情况下进行商业推广，可以减少用户的干扰

(3)为重要功能和常用功能设置快捷入口：用户可以通过快捷入口，按照自己的行为习惯，快速找到所需功能;合理设置快捷入口，避免入口过多产品变得混乱复杂

主要任务与次要任务

从用户角度出发，确定主行为流，并以此为线索，理清思路，进而规划产品的整体界面设计

如何突出主要任务

(1)分解用户任务：将用户任务分解为具体的行为操作

(2)排列任务优先级：通过使用人数、频率和重要程度3个维度来排布优先级

(3)组织合并相关任务：将次序相同、操作类似、界面类似的任务合并为同一组

如何引导用户完成任务

(1)相似性引导：如果大小、色彩、形态、视觉等元素相似，这些元素可以牵引用户的视觉

(2)方向性引导：对于操作步骤较多的任务，利用具有指向性的箭头进行引导;同时清晰的视觉纵线也可以建立起无形的方向性

(3)运动元素引导：类似用户的小向导，带领用户找到下一步该往哪走;比如：加入购物车时商品飞到购物车的轨迹

(4)向导控件：例如进度条，用来引导用户完成多步操作(用于跨越多个页面)

2、设计友好而易用的界面

简化复杂的操作

(1)减少冗余步骤和干扰项：用户面临的选择越多，作出选择所需要的时间也越长

(2)将复杂操作转移给系统：减少用户额外的付出，让软件变得更加简单好用

(3)简化操作方式：节省用户的操作成本和时间成本

(4)优化操作过程：提供合适的选项、适时帮助、提供合理的默认值可以降低用户的出错几率

信息量太大的界面怎么摆

(1)让页面层次不言而喻：逻辑相关的在视觉上分为一组;内容或重要程度不同的在视觉上体现出差异;逻辑上有包含关系的在视觉上进行嵌套

(2)让重点信息跳出来：通过字体加大加粗、色彩对比、添加背景色、留白等，强调界面的重点元素

(3)将次要信息藏起来：待用户需要时再将它们展示出来，有效地隐藏可以帮助用户快速找到常用功能，减少复杂信息对用户的干扰

理性的规划VS感性的界面

(1)以人为本的界面设计：知道用户的需求是什么，逻辑正确，用户可以顺利完成任务;设计要符合用户的心理模型

(2)帮助用户找到想要的东西：合理组织与分类，让信息便于找寻

(3)吸引无目标用户：换位思考，用感性的思维营造贴心、友好、有吸引力的界面

(4)符合用户心理模型：考虑用户是如何理解产品的，并在设计的表现形式上更贴近用户的心理模型

3、捕获用户的芳心

来自真实世界的灵感

当界面中的设计元素与现实世界中的潜意识因子相呼应，可以令用户产生认同感和情绪体验，与界面产生情感互动

(1)拟物化的视觉：模拟现实中的物体，使用户产生熟悉感，降低学习成本，让信息与功能更加易于识别和理解

(2)隐喻化的操作：视觉表现难以拟物时，可以模拟现实中的操作

贴心的设计惹人爱

(1)可控的感受：未知和不可控的情况会令人不安，让用户建立预期，减少等待的焦虑

(2)积极的反馈：可以增强用户的信心，提升用户体验的愉悦感

(3)贴心的提醒：人性化的提醒方式可以提升用户对产品的好感

调动用户的情感

(1)互动的乐趣：机器与用户互动的结果可以提升界面的趣味性，满足用户的参与感和被尊重感

(2)惊喜的力量：超出预期的体验会增添特殊的喜悦和乐趣，同时可以引发用户的好奇心，增强他们的探索欲望

(3)情境的烘托：为产品设计一个故事情节，通过视觉、动画和音效的烘托，把用户带入到一个情境中;可以有效吸引用户的注意力，调动起用户的情感

纸面原型

(1)纸面原型的目的：纸面原型可以快速表达创意，简单方便;纸面原型是为了沟通、测试，尽快解决不确定的问题

(2)使用的工具：没有限制，简单的铅笔和纸张、绘图模版也可以

(3)纸面原型要表达的内容：纸面原型需要关注的是框架、流程、基本功能和内容，可以忽略设计细节

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。