网页设计 百分网手机站

如何基于场景做网页设计

时间:2020-11-13 11:21:23 网页设计 我要投稿

如何基于场景做网页设计

  做产品设计必定要根据用户场景来进行,所以其重要性不言而喻。今天我们就来分享一些根据用户场景来设计产品的几个方法。就跟随小编去了解下吧,想了解更多相关信息请持续关注我们应届毕业生考试网!

  什么是用户场景

  移动互联网时代,智能设备的广泛应用把人们的时间碎片化分割,用户的使用地点不再局限于 PC 电脑前,信息渗透无处不在,消费行为变得移动而分散。如何更精细的满足用户各个场景下的需求已是首要任务,越来越多的产品开始更多的围绕用户的实际情况和消费习惯展开设计,「场景化」逐渐成为耳熟能详的词汇。

  那么,场景化是什么?简单说就是人物、时间、地点三要素所组成的特定关系。在某某时间(when),某某地点(where),特定类型的用户(who)萌发了某种欲望(desire),会想到通过某种手段(method)来满足(do)这种欲望。

  时间因素

  考虑用户在什么时候会使用该产品,是工作的时候,上班的路上,与情人约会的时候,睡觉前,朋友聚会,还是锻炼的时候。

  比如,我们可以看到很多 iPad 上的视频类应用比如爱奇艺、腾讯视频默认的界面皮肤都是深色背景,而手机版则是白色皮肤,因为在 iPad 上看视频用户使用时段多在下班后的夜晚,深皮皮肤能精准的去适配用户夜晚藏在被窝里看片的需求。

  地点因素

  考虑用户在什么地点会使用该产品。在家,在学校,在办公室,公交车上,打的的时候,地铁里还是饭馆里。

  不同的地点有不同的需求,比如当大众点评通过用户的 GPS 定位信息发现用户到了一个陌生城市的时候,自动会将首页切换至旅游版面,给用户推荐当地的当地必吃美食、必游景点、必买的特产等等。

  人物因素

  考虑使用该产品的人群会有怎样的特征,通过数据的积累勾勒用户的标签,达到千人千面的个性化服务。

  每个应用的「猜你喜欢」也是最基础最直接的基于人物属性的产品设计。例如淘宝会根据我之前浏览过剃须刀,在推荐信息流里推荐价格相似的飞利浦、博朗等不同系列的型号。大众点评会根据我之前浏览、收藏、搜索、买单的消费行为,给我推荐相似口味或价格餐馆。

  场景化将时间、地点、人物串联起来组成一个关于用户使用的故事,去勾勒用户当时的心情与意图,跟用户形成一种情感关联。最后根据这个有温度的生动的`故事,结合实际的数据验证或竞品的分析去设计产品。

  如何基于场景做设计

  基于场景的设计可以帮助设计师分析需求,找到设计机会点,那么,怎样基于场景做设计呢?

  下面我们分享阿里设计师@六天总结的设计方法,[email protected]�[email protected]�

  第一步:列举场景

  前面我们已经明确了什么是场景,那么怎样列举场景呢?推荐方法是通过操作流程图来依次提取其中的关键场景。以看电影为例,看电影的流程为:买电影票→ 去电影院→取票→检票找座位→观影→出影院→评论吐槽,根据流程可以抽取列举出看电影涉及到的关键场景为:

  美团电影页面(where)购票(do);

  电影开始前(when)乘车(do)前往电影院的路上(where);

  观影前(when)在电影院(where)通过自助取票机取票(do);

  观众(who)拿着爆米花可乐等零食手忙脚乱(how)地掏出电影票(do)在入口(where)排队检票(do); 检票工作人员(who)在入口处(where)等到放映前 5 分钟(when)开始检查每位观众的电影票(do)并撕掉联(do);

  观众(who)拿着爆米花可乐 3D 眼镜等手忙脚乱地(how)查看电影票上的座位号(do)并在昏暗的灯光下越过同排其他顾客(how)找到自己的座位(do);

  坐在座位上(where)将手中的爆米花,可乐,背包等放置好(how),戴上眼镜开始观影(do);

  观影结束后(where)拿好自己的东西走出影厅(where)将眼镜还给工作人员(do),扔掉手里的垃圾(do),排队上厕所(do);

  回家的路上(where)和朋友吐槽剧透(do);在朋友圈(where)晒观影照片(do);在购票app上(where)评价吐槽(do)。

  对关键场景的描述有利于发现场景中的细节,更好地对场景进行分析判断,在这部分可以通过填写场景挖掘工具的中间部分,对该场景进行描述:谁(who),在什么时候(when),在什么地方(where),做了什么事情(do),周围环境怎么样(how),不涉及到的元素可忽略。以上文列举出的场景 4 为例,利用场景挖掘工具进行场景描述:

  第二步:机会点挖掘