比巴波的小柜产品经理@产品

《破茧成蝶》读书笔记④:设计规划——需求&界面

2017-10-22  本文已影响37人  luna比巴波

前文:《破茧成蝶》读书笔记③:需求分析

后文:《破茧成蝶》读书笔记⑤:捕获用户的芳心&纸面原型

六、设计规划:需求

6.1信息分类

逻辑归类:用途、品类、形状、颜色、材料等

卡片分类:邀请用户“把类似的东西放在一起”,开放式卡片分类(让用户足够的自由,去自由组合,后续由设计师命名);封闭式卡片分类(规定导航的架构、个数和名称,卡片可以不用全部分完)

6.2好的导航栏

导航的自我解释:从哪来、现在做哪、能够去哪

深广度平衡:维度选择可以选择最核心的维度;导航数不能过多、导航层级也不能过多

平衡用户所需信息与商业推广信息

为重要功能和常用功能设置快捷入口:但是不要设置过多的快捷方式,不要导致用户认知困难

6.3主要任务与次要任务

设计主线(主行为流):把杂乱的功能点根据用户期望及目标,以正确的次序组织起来

设计支线(次要行为流):要看次要行为流能否对主行为流产生帮助

任务流程图→页面流程图→页面交互界面

6.4突出主要任务

分解用户任务:大任务下的小任务

排列任务优先级:页面中的重要程度,排列次序

组织合并相关任务:将子任务分配成界面模块;人们的阅读规律是(左上→右下)

6.5引导用户完成任务

相似性引导:大小相似、色彩相似、形态相似、视觉元素相似

方向性引导:可以具有指向性箭头;清晰的视觉纵线建立方向性

运动元素引导:利用运动轨迹引导

向导控件:顶上的进度条(ex. 选择电影>在线选座>确认订单>自助取票)

七、设计界面

7.1简化复杂的操作

减少冗余步骤和干扰项:多一次跳转、意味着多一次注意力的转移(ex. 24种口味的果酱,60%的人感兴趣,其中3%的人购买;6种口味,40%的人感兴趣,其中30%的人购买)

将复杂操作转移给系统:如果程序固定有一定复杂度,尽量让系统来处理

简化操作方式:更快地让用户直接操作

优化操作过程:提供合适的首选项、适时帮助、及时反馈、提供合理的默认值

7.2处理信息过多的情况

让页面层次清晰:遵循“分解—排列——组织”的原则:

①逻辑相关的在视觉上分组(接近原则)

②内容或重要程度不同的在视觉上体现出差异(差异原则)

③逻辑上有包含关系的在视觉上进行嵌套

④让重点信息“跳出来”(字体加大加粗、色彩对比等)

⑤让次要信息“藏起来”(使用频率低的放在隐藏的菜单里)

7.3理性的规划VS感性的界面

需求分析、设计任务流程、信息架构、导航、操作逻辑等阶段,需要用偏理性、逻辑的思维方式;绘制界面细节时需要用偏感性的思维方式

以人为本的界面设计:ex. 收藏夹倾向图片、人气值等吸引人购买;购物车应尽量简洁明了

帮助用户找到想要的东西:确定目标的用户(搜索)、不确定目标的用户(大分类导航)、没有目标的用户(随机浏览)

吸引无目标用户:首页一般会放登录(有目标)、注册(不确定目标)、具体内容吸引(无目标用户)

符合用户心理模型:避免将枯燥的逻辑直接呈现给用户


以上内容为《破茧成蝶》(作者:刘津、李月)的第6章读书笔记及摘要,本人加入一定量自己的理解;因水平有限,欢迎大家交流指正,谢谢~

上一篇下一篇

猜你喜欢

热点阅读