APP

产品需求确定后,这五步助你设计出合理界面

  • 2020-09-15 10:26:00

对于一些产品经理或设计师新人,常常接到需求之后就开始尝试做原型,画界面。其实从需求到界面,中心隔着一扇门。耐心打开这扇门,才能见得真面目。

一、信息分类

信息分类与组织是一个产品的基础,吻合现实场景使用逻辑,知足商业需求将广告和有用信息合理编排,才能给以用户流畅清晰的体验。

常见的分类方法有:

 

1 逻辑分类

将对象按照一定的现实逻辑进行分类组织。例如,在生活中,要买一个洗衣机,在百货商城中依次找到家电卖场→大家电类→洗衣机品类→(品牌、容量、是否智能、缸数等)。响应地,一个电子商务网站的信息组织形式类似设计。

 

2 卡片分类

具体操作是邀请用户“把类似的东西放在一路”(把标有产品元素的标签提供自愿者进行阅读理解并分类),这种方法在产品设计的初级阶段可以容易获取用户对产品内容的期望,为信息架构的搭建提供依据。对现有产品迭代改良时,卡片分类还可以检验架构的合理性。

 

卡片分类还可以具体分为:

      • 开放式:(用户完全自行确定分类的组数和卡片数),优势在于提供更加雄厚的分类效果,但也容易造成效果不可控。
      • 封闭式:先将导航架构设计好,再由用户分别归类卡片,结构有限可控,一般是对信息设计的效果进行验证之用。

 

 

 

二、导航设计

完成准确的信息分类之后,下一步开始导航设计。

1 导航的自我诠释:

虚拟的互联网世界没有现实世界中显明的方向感,不清晰的导航往往导致用户流失。一个好的导航设计最基本的义务就是要让用户知道“我从哪里来?”“我现在在哪里”“我能去哪里”。下图是在京东商城上搜索购买洗衣机的面包屑元素。

注:面包屑通常水平地出现在页面顶部,一般会位于题目或页头的下方。它们提供给用户返回之前任何一个页面的链接(这些链接也是能到达当前页面的路径),在层级架构中通常是这个页面的父级页面。

 

2 深广度平衡:

在导航的信息组织中,层级的数目一般称为导航的深度,每一层级中包含的菜单项数可以称为导航的广度。在导航设计中,需要兼顾深广度的数量,保证用户的浏览路径足够便捷(选择少,跳转少,简单明了)。

过度追求少层级或者浅层级。对于导航设计没有严酷意义上的多或者少,需要结合产品自己的设计来规划,当然也要考虑平台特征。尤其是PC端移植到移动端的产品,往往有“重大”结构,这时候需要做“减法”,针对新平台的用户使用习惯,重新调整导航设计,凸出更核心的营业,精简聚合。

想起前不久深圳PM大会上鹅厂前辈分享QQ的年轻化之路,有谈到新版手Q底部导航浓缩成3个tab的改进。在4tab当道5tab拉风的时代,敢推出3tab的设计,并且获得用户的认可,这少不了优异导航设计的功劳。

 

 

三、平衡商业需求

设计除了考虑用户的信息需求,还要了解产品背后的商业目的。保证用户体验的时候,别忘了是谁给你发工资的呢。

先看看亚马逊广告的植入体例:

 

在二级品类导航页中植入相关广告,比起某些站点密密麻麻全屏+各种浮窗广告的设计,会不会小清新一些。

广告植入贴近用户当前搜寻的需求,不强行妨碍用户操作。

 

四、设置快捷入口

除了有完整且有逻辑性的导航供用户一步一步体验产品,往往还需要为主要功能或者常用功能提供快捷入口,一步到位,削减重复操作的繁琐。

例如:逻辑上看购物车属于我的淘宝,但是因为其属于常用功能,故单独列出来作为一个快捷入口。

 

五、义务设计

需求文档中的功能和内容一般比较零散,通过信息架构将零散内容分门别类封装之后,下一步需要义务设计来将它们串起来,成为可以一步步跳转的功能。

义务流程是一个产品的骨架,支撑起整个产品,为各个模块的功能内容提供基础。

例如一个LBS社交产品,可能采用这样的义务线:初启动进入新闻页面(阅读迎接信息)→LBS搜索附近用户/群→与新同伙(群组)互动→发表自己状况→体验其它增值服务(如游戏)――纯脑补。

义务线一般还有主次之分

结合信息结构分解用户义务

然后进行优先级排序(用户数、使用频次、主要度)

接着组合性质相关的义务(例如社交产品中搜索附近的用户和附近的群组性质是一样的,归为一类)

这样才可以得到比较有条理且主次分明的义务线。

 

完成义务线的设计还不够,用户素质参差不齐,即使PM或者设计师看起来再“合逻辑”的设计,依然会有大大小小的用户搞不懂,我们需要多想一步,通过科学的方法指导用户完成义务:

 

1??相似性指导:

假如功能元素的页面体现具有大小、色彩、形态、视觉等上的相似,可以牵引着用户的视觉,指导用火操作。

 

2 ?方向性指导:

通过整洁的指引性箭头、排版和线条,指导用户去完成响应的操作。

 

3 ?运动元素指导:

用户完成一些操作之后,响应的页面元素发生转变,直观地显示指导操作,例如移动端常见的抽屉式设计。

 

4 ?向导控件:

明确告诉用户,完成一次操作有多少步骤,当前处于哪一步,下一步需要做什么。

文章内容提炼于刘津先生和李月先生的《用户体验设计师的成长之路》,力荐阅读原作,之后会出系列读书笔记,围绕用户体验设计相关话题而谈。

本文转自微信公众号 @关我毛事





TAG标签: 网站建设公司 SEO优化 营销推广 微信小程序 App开发 网站建设 资本 网页设计公司 品牌设计 VI设计 北京网站建设公司 注册公司 电商运营 html5 高端网站建设 人力资源公司  
来源:严选企业服务