案例一:
案例二:
详情页面中需要引导用户把商品加入购物车,结算功能主要在购物车中体现。通过滑动商品详情页,加入购物车按钮消失,吸底按钮去结算,功能导向发生偏差。
优惠券列表页众所周知,电商产品优惠券页面主要功能导向就是通过抓住用户“占便宜”的心理,在界面上突出优惠券的“优惠力度”和“去使用”的功能按钮,来促使用户下单,完成最终转化。而在京东到家的优惠券界面中(如下图左边界面所示),却把“去使用”按钮使用线框进行了弱化处理,并且在界面底部使用了一个实色按钮去引导用户进入“邀友领现金”的活动页,使得用户的视觉中心发生转移,从而影响了原本界面的功能导向。
1.2核心功能/版块是否缺失
1.3功能是否符合用户预期
人的行为总是具有惯性的,当用户对一个功能有了基本的预期,我们就不要轻易的打破这个预期。
1.4外环功能是否能辅助产生粘性
大多数的互联网产品除了核心功能之外,总是会有一些别的功能。外环功能辅助核心功能产生用户粘性,提升客户留存率,对品牌产生依赖。
食谱教程详情
1.5是否有多重用户角色?角色之间体验和内容呈现是否有区别?
一个产品中大都存在多种角色,如游客、普通用户、新用户、VIP以及各种等级的用户角色,在进行产品设计时,应考虑全面不同角色的不同呈现和体验。以首页中具有不同角色体验的福利活动专区为案例分析:
02布局结构走查
2.1是否符合产品类别方向
每一个行业、产品类别都有特定的布局结构,统一的布局结构,可以让人们更容易辨识使用产品,减少用户记忆负担。为了更全面、客观分析,以购物车为案例,选取方向为相同生鲜类产品、相近的电商类、外卖类作为竞品分析对象。
(1)首先从功能框架上分析:
(2)结合用户购物流程分析:
(3)京东到家目前方案分析:
a、从用户诉求角度看,订单追踪作为核心功能,成为独立板块确实可以方便用户查看,但目前app的订单列表只有简单的混合罗列,未对各种状态做分类,没有达到很好的减步长效果。
(4)结论
布局建议遵从用户习惯和行业产品类别方向,放入“我的”中。
2.2页面布局是否一致
根据界面布局七大原则中的相似原则,不仅同一页面中相同、相似的功能和内容要保持一致性,在同一层级间的不同界面,如果在功能上具有相似性,也应在布局结构上保持一致。
2.3布局的屏幕利用率
一个良好的布局,必然要考虑到屏幕的利用率、承载率。屏幕利用率的提升在一定程度上可以提高用户的阅读效率;同时对于产品来说,在一定程度上加大了产品的曝光率以及点击率。
发现食谱列表
确认订单
03信息架构走查
3.1信息层级是否明确
先来回想一下,在界面设计中有哪些方式可以表现信息的不同层级,大小,颜色,位置,阴影,模糊,透明度。这些方式大家可能已经非常熟悉。但在原型里上,我们是如何分辨信息层级的?最熟悉的,就是距离,同一层级中距离会近一些,不同层级的距离相对远一些,若距离一样用户的认知就会发生偏差,如下图
3.2信息分类是否合理
首先要弄清楚用户是谁?什么情况下会使用什么功能?内容分类就是化繁为简,从而更好的满足用户需求。根据用户场景来对功能进行分类,由菜式、场景、食材进行分类使用户能快速找到所需入口,如下
3.3是否可以信息降噪处理?
大段文字的信息,不能直观的看到重点,会影响用户体验度,精简信息把重要的信息体现出来,减少其他不重要的信息干扰,提高阅读效率。
3.4信息视觉流是否合理
信息视觉流也就是尼尔森的F型浏览模式,即用户从左至右,从上至下的阅读浏览习惯。合理的视觉流就是依据F型浏览模式,将信息依次排布。此处在京东到家中没有找到一个较好的案例,所以选择其竞品美团买菜为例:
04交互体验走查
4.1交互逻辑是否合理、通畅
案例一(交互逻辑是否合理)
含重要操作且篇幅较长的页面:屏幕滚动时,主要功能入口应保持固定在可以选择的地方,可以提高用户操作效率,同时减少用户滚屏多次还要返回首屏选择功能入口的焦虑感。
4.2是否符合用户习惯和预期
用户希望所点即所想,所见即所得。而违背这一逻辑的交互,则势必会造成用户的失落感,从而影响用户的使用体验。以首页的超级品牌周板块为例:
4.3是否可以减少操作步骤(交互减步长)
在拿到原型时,也需要走查考虑当前页面包含的操作是否可以减少操作步骤,以提高用户的操作效率,达到较好的用户体验。以购物车页面为例:
4.4操作是否有容错性
4.5触发操作
对单条列表进行横向滑动显示其支持的操作选项,是一种比较常见的移动端交互方式,在页面中增加客户认知的交互操作比单击选择会更好一些。
4.6逆向流程是否合理
正向流程一般指用户日常购物时从下单付款至收货的过程,而逆向流程相反,是指商品逆向回到仓库,资金逆向回到用户手中,信息流支撑物流、资金流的过程。在进行产品设计时,大都会将精力投注在正向流程上,而对于逆向流程则会疏忽。以取消订单逆向流程为例:
05组件/控件走查
5.1是否符合用户认知
互联网发展至今,用户早已被培养出了一套成熟且具有普适性的使用习惯。我们在做控件的呈现和样式选取的时候,不能盲目的追求创新和差异化,也要慎重的考虑是否符合用户的一贯认知和习惯,否则会加大用户理解使用的成本,从而产生不好的体验。以收货地址编辑的页面为例:
5.2异常状态处理是否合理
5.3是否有统一信息组件
为什么要保持一致?一般情况主要是会对产品开发团队和用户两方面都有好处,于用户而言,对界面和功能操作的认知统一,图文列表是很好的信息展现形式,在电商app中商品列表是很庞大的信息量,统一信息模块的展现,使页面更加严谨,对设计和开发而言效率都有提升。