相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

基于场景的UI设计方法

哈慈发布于:2016-10-24 12:12
哈慈
江苏省 淮安市 绘画/插画师
发私信 + 关注
简介: 为了了解用户的痛点及需求,我们需要通过场景设计的方法,对用户使用场景进行分析或预期。基于场景的设计可以帮助设计师找到用户与场景的内在联系,探索新的功能及交互方式。 本文将以案例为主介绍基于场景的设计方 ...


1 通过当前需求挖掘机会点。 通过场景列举阶段对场景的描述,分析用户在当前场景的需求并挖掘机会点。这一部分可以用到场景挖掘工具,在场景描述的基础上,竖向分析当前场景用户的需求(如图6)。

以iOS系统接听电话的交互方式为例。接听电话存在两种不同的场景,锁屏状态下的场景和非锁屏状态下的场景。锁屏状下有电话打入时(when)手机放在口袋里(where)处于锁屏状态(how)用户将手机从口袋里取出并接听(do)。当前场景下,用户的痛点为将手机从口袋取出的时候很容易不小心碰到屏幕产生误操作,因此iOS基于该场景下的用户的痛点与需求,将锁屏状态下的接听设计为滑动接听,可以很大程度上避免误操作;而在非锁屏的场景下,用户多数情况正在使用手机,注意力较集中,采用点击接听的方式更方便且快捷(如图7)。

再举一个微信语音聊天的例子,当手机处于音量静音的状态(how)在聊天页面(where)点击语音信息(do),用户的需求是清晰听到对方发送的语音信息,但由于手机处于音量静音状态听不到语音且用户无法快速判断为什么没有声音,微信基于该场景的痛点及需求设计了这样的方案:当用户处于该场景下,会有弹框提示用户调高音量后播放,通过特定场景下贴心的提示让用户感动(如图8)。

2 通过预期用户目标寻找机会点。 第二种挖掘场景的方法为预期用户下一步的目标意图,首先需要对上文场景进行判断,结合对当前场景的描述与分析,预期用户接下来的行为,从而寻求当前场景的设计机会点。这里也可以使用场景挖掘工具帮助挖掘机会点,首先对上文场景进行简单描述,结合对当前场景的描述,横向预期下一步用户可能做的事情(如图9)。

那么怎样对下一步进行预期呢?我们总结了三种预期的方法。一、通过成组的动作进行预期,例如,复制-粘贴、编辑→保存、收到命令→执行命令、吃饭→付款;二、通过用户的认知流程进行预期,例如,浏览时反向滑动→结束浏览/回到顶部、手机放在耳旁→听筒播放、拍照时摆好姿势不动→准备完毕可以拍照;三、通过产品的使用流程进行预期,例如截图→分享、买票→取票。

以大众点评的旅游版首页为例,场景描述:用户从常居地杭州(上文场景where)来到广州(当前场景where)打开大众点评app(do)。根据上一场景的地理位置,以及当前场景的地理位置以及用户行为,猜测到用户可能正在旅游状态,预期用户下一步的目标为与旅游有关的一系列操作,如买景点门票、找当地美食、定酒店等,基于该机会点大众点评设计了旅游版首页,与标准版相比,旅游版首页包括当地特色景点、美食、特产等入口,根据当前场景更有针对性地满足用户的需求与期望(如图10 )。


13

好评
10

差评

刚表态过的朋友 (23 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • LXJ_fevte

  • lasttsal

哈慈
江苏省 淮安市 绘画/插画师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计