对于任何一个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)纸面原型要表达的内容:纸面原型需要