【破茧成蝶】设计规划

设计规划包含的内容
1.根据需求确定提交哪些信息给用户
2.分类和组织信息
3.根据需求设计相应的任务,排列任务的优先级。

设计规划的过程
1.根据需求设计相关信息和任务,通过组织信息结构、引导用户完成任务得到一系列相关联的草图界面;
2.细化草图为具体界面,考虑如何让用户轻松、愉悦、高效地浏览和操作;
3.让用户难以忘记使用产品的体验。

设计目的
通过我们的设计,让产品不仅能满足用户需求,减少用户的理解和操作成本,还能深深吸引用户,让产品捕获用户芳心。

任务分类

1.逻辑归类法
常见的有:用途、形状、颜色、材料、品牌
标识的方式:数字、字母、时间
2.卡片分类法
开放式:用户自由决定把卡片分成几组,用户有发挥空间,可在项目初期用来知晓用户期望,提供框架依据。
封闭式:在现有的导航架构下进行分类。更利于掌控,用于对信息设计的结果进行验证。

网站导航系统
1.需要做到自我解释
2.注意深广度平衡(选项不超过7个)
3.商业信息不要干扰到用户
4.为重要和常用的功能设置快捷入口(如购物车)

任务设计

信息分类组织可以帮助用户找到入口,进入某个具体的界面。
任务设计帮助用户完成具体的任务。
明确主要任务和次要任务可以帮助我们快速判断界面内容的主次关系

任务流程设计方法:

1.设计主线-把杂乱无章的功能点根据用户的期望及目标以正确的次序组织起来,告诉用户先做什么、再做什么。任务流程为产品的骨架,支撑起整个产品。

如何突出主要任务:

流程:分解-排列优先级-组织合并相关任务

1.分解

从用户的行为出发,详细描述用户的使用过程,将用户任务分解为具体的行为操作。
以公司的商城业务为例,用户的主流程为:查看额度-选择商品-提交订单-支付-查看订单
将主流程拆分成每段任务下的子任务。

2.排列任务优先级
进货商城

优先级为该任务在页面中的重要程度
任务的具体出现次序,要按照主行为流的次序排列。

3.组织合并相关任务

将次序相同、操作类似、界面类似的任务组合起来,合并为同一组模块展现出来。


任务模块

之后根据这些模块的优先级,将它们排布到页面中。
对于不同级别的任务,要有不同的展现形式。一级任务一级展现,二级任务二级展现。
方法:利用人们从左上到右下的阅读规律及自上而下的直线式逻辑。
重要的任务放在左上部,用较大的视觉区域展示。

如何引导用户完成任务

同一个页面引导的主要方式:相似性引导、方向性引导、运动元素引导
多个页面:向导控件
1.相似性引导:大小、色彩、形态、视觉元素等因素相似,可以牵引着用户视觉,引导用户操作。
2.方向性引导:利用具有指向性的箭头进行方向引导
也可以利用视觉纵线建立无形的方向性。
3.运动元素引导:比如电商的购物车引导

向导控件:在陌生的环境下为用户指引线路
可以告诉用户,完成任务一共需要多少步骤,你现在所处的步骤是哪个,还有多少步可以完成任务。

如何设计友好而易用的界面

减少干扰项在很多选择都很类似的情况下,会给用户带来负担。
减少冗余步骤步骤越长,用户需要耗费的注意力和理解力就越多。多一次的跳转,意味着多一次注意力的转移,多阅读和理解一个页面的信息。
将复杂操作转移给系统让机器变智能。因为复杂存在一个临界点,超过这个点就无法再优化。
例如:记录用户名和密码、自动识别用户IP所在城市、自动补全。
简化操作方式例如google搜索功能。
优化操作过程提供合适的首选项、适时帮助、及时反馈、提供合理的默认值。

如何设计页面层次

分解信息模块 遵循分解-排列-组织原则
根据“用户想看到什么”和“我们想让用户看到什么”为内容模块排列优先级。根据用户的浏览习惯,将不同优先级的信息放置到相应的页面位置。
逻辑相关的在视觉上分为一组利用接近原则,将相关的内容组织到一起。
将元素分好类后,在模块与模块、段落与段落、广告与内容之间、标题和正文之间划分几个固定的高度。在排版时严格按照这几个间距来排布。用不同的间距表明界面内容的关系。
内容或重要程度不同的在视觉上体现出差异例如文字列表或者图文的形式
逻辑上有包含关系的在视觉上进行嵌套不同的标题大小,字号,字体,颜色。
让重点信息跳出来字体加大加粗、色彩对比、添加背景色、留白
将次要信息藏起来例如列表页-快速筛选,激发兴趣,如果信息过多会觉得很累。

界面设计

以人为本案例解析:淘宝的收藏夹和购物车
1.淘宝用全店满减、领红包进一步刺激用户购物,提升GMV。
2.购物车原定位:简洁明了,快速让用户下单。凑单、领红包虽然影响转化率,但是提升了GMV。
2.收藏夹是对商品的一种喜欢 功能如推荐、找相似都是寻找的功能/重复购买的场景/观望降价信息的场景。
根据购买操作按照用户的心理分成不同的等级,根据用户的操作分析推出相应的活动刺激用户下单,增加平台收入。
收藏动作较轻 方便快捷。

帮助用户寻找到想要的东西
有确定目标的用户-通过搜索
无目标用户或不确定目标用户-通过浏览和分类寻找

吸引无目标用户
吸引人的推荐信息、网站介绍、告诉用户注册以后会干什么

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容