欢迎来到海淘科技官网 官方微信 官方微博 平面活动官网
微信

网络传播媒介服务提供商

热线电话

021-62677988

海淘新闻
首页 > 新闻列表 > 【网页UI设计】从场景开始思考

【网页UI设计】从场景开始思考

发布时间: 2016-08-03 17:17

海淘科技告诉您场景赋予做法含义,每一种新鲜的做法体会的背后,都伴跟着新的场景洞察。在传统的商品规划与交互规划之间的一个首要差异是,看待环境和做法引导关于塑造人的体会所起的效果的首要性不一样,所以交互规划师在规划进程中,需聚集于用户运用场景中的效劳流程和做法引导规划,预期用户方针,为用户供给契合心智模型的流畅体会。


关于运用场景的考虑是交互规划的根底。在不一样的场景下,用户关于同一功用的心理预期和交互形式会有所不一样。根据场景思想做规划,能够有用的协助规划师:

判断功用需要是不是实在,处理了用户啥问题

深化地考虑场景细节,包括:发生地址、运用频率、情绪状况、做法形式,用户是不是凭借别的外力

开掘功用的延伸性及其价值,做好迭代规划

场景思想的细节体会规划

“场景”浅显地讲是,谁,在何时,在哪里,做了啥事情。在移动互联网年代,场景是实在的以人为基地的体会细节。场景依赖于人,没有人的认识和动作就不存在场景。经过对场景的因素考虑,能够协助规划师十分好的了解用户实在需要。

经过充沛的了解这些场景,并以此为根底,咱们能够根据用户的运用场景,为用户找到更直观的方法,供给有用的互动,使他们能够流畅地完结预期方针。

1.只有当运用场景与用户感知挨近甚至彻底吻合时,用户才没有回绝的理由

获取方位权限

在获取用户方位权限的规划中,大多数规划都会在首次翻开app时,告诉用户需要获取方位权限。在这种运用场景中,用户的遍及认知是:迷惑,为啥我需要给你获取我的通讯资料和方位信息的权限。但关于新用户来说,场景的运用首要表现为简略、轻、快体会,所以在获取方位权限时,用户需要了解,在获取权限后,我将取得啥,由于用户更简略答应他们想要运用的功用。

图1,获取用户方位权限规划

在这个规划中,有两种动身视点的逻辑,分别是从功用动身的逻辑思想和场景动身的逻辑思想:

图2,功用和场景逻辑思想比照

同样是敞开获取方位权限的规划方针,场景思想下的规划方案更倾向于将规划放在用户的运用场景中,从与之有关的用户需要动身,重视联系商品的运用场景与商品功用的联系,做引导和暗示,告诉用户敞开此功用的功效,然后运用户明白的知道我将会取得啥,完结用户需要与商品功用的天然过渡,不允许用户say no。

过错反应

同样的比如还有过错反应。用户在呈现过错的场景中,大多数用户的认知是:我哪里错了,该怎么批改。鄙人图中有两种规划方案:

图3,在情境里反应,用户更简略修正

左面的规划逻辑是,填写完以后再修正。流程是:用户填写表单,弹出popup,告诉过错。在这种规划方案下,在用户提交表单后,再弹出popup提示用户过错,运用户脱离表单场景,且不可在当时页进行针对性的修正,打断用户流程,用户需回来后再寻觅哪里过错,并进行修正。

还有一种规划逻辑是:边填写边修正。在这种场景下,用户能够实时的知道数据的正确性,还能够针对性的获取修正主张,直接在过错表单上进行修正。这种规划方案运用户不会收到搅扰,更专心于当时使命,顺利完结表单填写。

这两种规划方案的差异在于:前者更重视完结商品功用而后者更重视用户体会。在场景思想下,以用户运用交互的具体环境为根底,让运用场景与用户需要感知挨近甚至彻底吻合时来引导用户完结预期方针,让商品具有更优越的体会。

2.场景是活动的,交互进程应当契合用户的直觉

有关于用户当时的使命来说,场景是一个不断改动的概念。跟着场景的不断改动,用户的需要也不断改动,所以,用户需要经过精约的交互来协助自个快速定位内容或功用,全部进程应当契合用户的直觉,而不是层层发掘。应尽量用少的页面运用户以更简略的操作来完结方针。

简化流程,渐进天然

当场景发生改动时,咱们应当让用户决议下一步该做啥。鄙人一场景刺进改动时,会运用户处于被迫的方位,而咱们要做的是,改动规划,使其十分直观天然的来满足他们的需要。

图4,INSTAGRAM 将滤镜结合入流程中

这儿最佳的比如,就是在Instagram中。如今,用户发布相片的遍及的现象是:要先去美图。那么在发布相片的功用流程中,能够来比照一下微信发布朋友圈相片流程和Instagram的发布流程:

图5,微信 VS. INSTAGRAM发布相片流程

从流程中能够看出,ins的用户在用户在完结相片挑选以后,能够直接经过滤镜完结对相片的美颜功用。比较于微信,要去切换至别的美图的app,这种功用的天然过渡契合用户美颜相片的心智模型。在全部流程中,他们将滤镜控件结合为用户发布相片的流程的之一,而不是独自的作为一个独立的功用,放置在另一个方位,这种无缝增加的微交互流程,是根据对用户运用场景的洞察,运用户感觉时间能够在可控制的范围内,而不是偏离他们本来的预期。

从上可看出,根据运用场景的考虑,能够十分好的洞察用户在运用场景中的需要,使交互流程愈加灵敏多变,规划方案跟从场景改动而改动,用场景替代功用,将需要天然而然过渡到功用体会上来,使功用愈加具有含义。

3.情感染细节规划,激起用户动机与决议计划

情感染规划一直是增强用户体会的“引爆点”。在一些场景下,参加交际元素、游戏元素以及个性化元素,能够大大增强用户的参加度。

Gogobot 是一款移动旅行共享运用,他经过地舆定位功用,记载用户去过的当地,而且让用户点评商铺、景点、共享在gogobot平台上。除此之外,在旅行场景下,她捕捉了用户在旅途中习惯于保藏旅行明信片这么的一个细节做法,为app供给了一个直觉且简略的功用-制造明信片,这么不只能够供给用户定制化效劳,还能够激起和引导用户为别的旅客供给旅行资讯,经过场景化的思想方法处理了用户在平台上获取实在旅行资讯的实在需要。

图6,GOGOBOT制造明信片

小结

场景化思想是考虑用户和网页UI需要,寻求处理方案的首要技术。经过场景化的考虑,能够协助规划师从头界说用户的实在需要,探究场景中用户、地址、事物之间的内涵关系,经过这种方法逐渐去了解规划,探究新的交互方法的可能性。

相关文章:

版权所有 @ 2007-2023上海海淘信息科技有限公司 沪ICP备11050025号-4