随着移动互联网的发展,越来越多的软件产品从原有的PC/Web端往多终端的方向发展,尤其是移动端App。互联网产品的基本特征之一是通过多终端的无缝连接,从Web端到App端全方面满足用户需求,抢占用户的时间和心智。
不同终端所具有的特征各异,因此同一产品在App端和Web端的设计会存在一定差异,本文试着从App、Web两个终端进行设计思考。
1、App和Web的区别是什么?
App VS Web
App和Web之间的区别,回归到两者最本质的区别,可以从操作方式、屏幕尺寸、网络等基础硬件及其属性进行比较,可以发现Web的特点有“定时”、“固定地点”等,App的特点有“碎片化”、“任意使用场景”等。
APP和Web的基础属性
2、App设计与Web设计的区别是什么?
App端设计 VS Web端设计
通过对App和Web的基础属性之间的比较,在设计层面上,不同的属性所采取的设计策略是不一致的,两个终端之间的差别在设计师群体中也是仁者见仁智者见智,有的设计师从屏幕大小上去区分设计差异:app你需要思考怎么去除才能让塞不下的屏幕能塞下必要的东西,web你需要思考怎么才能增加些东西让空荡的屏幕不会显得太空荡”;也有的设计师试着从菜鸟和老手的技艺去区分设计方式:对新手来说一个界面大一个界面小,对中手来说设计范式和使用场景不一样,对高手来说都一样;还有的设计师从发展趋势上认为:发展到最后应该都是一样的,现在就是大脑延伸操作媒介的不同。
3、对于同一个产品,App设计和Web设计的主要区别是什么?
通过对比基本属性和设计观点,App和Web的一些特性与设计产生了关联,可以进一步发掘:对于同一个产品,App和Web的设计区别是什么?
产品App端 VS 产品Web端
以苏宁易购为例,在App和Web两端的设计存在很大差异,App端更多的是提供清晰快捷的入口,Web端不仅提供入口,还要采用绚丽多彩的视觉元素吸引用户进入。
同一个产品在App和Web出现设计差异,从商业诉求上追踪,决定了这种设计差异来源于用户需求,而需求决定了产品功能,功能衍生出设计形式,引用现代主义建筑大师路易斯·沙里文的一句名言:形式追随功能。
因此针对App和Web的设计差异可以从用户需求角度继续深入发掘,移动互联网时代,用户的时间被碎片化分割,导致用户需求出现“场景化”这一典型特征。时间、地点、人物、事件构成场景的必要元素,在特定的时间,特定的用户群体在特定的地点发生特定的行为事件。针对产品的设计,场景赋予其意义。
一杯咖啡
在星巴克,赋予以商务
在书店,赋予以闲暇
在阳光明媚的清晨,赋予以元气
在连绵阴雨的窗边,赋予以温暖
……
一杯咖啡在不同场景下的意义
追本溯源,两个终端在本质上是用户所处“环境”的不同,即“场景不同”造成了App端和Web端的设计差异,例如OA产品,在办公室、出差途中、家里这三种典型场景中,用户对于OA产品的期望是不一样的,这种期望由用户心理与用户需求交织产生。因此,对于同一产品的多终端设计形态,可以分三部分来思考其差异:用户心理、用户需求、设计侧重点。
思考点一:不同场景下,用户心理不同
1、画图正嗨的时候,产品经理跑过来说有个需求要改。
2、访谈过程中,开发和测试提出了很多独到的见解。
3、晚上加班到12点,终于把明天要提交的图改好了。
4、评审的时候,大佬们纷纷对你的设计竖起大拇指。
出现以上四种场景,用户的内心活动是什么?面对不同的场景,用户的心理会产生一系列的变化,从用户心理状态切入,可以针对App和Web的产品定位、架构、功能等方面定义设计差异。
用户心理会根据场景进行变化
思考点二:不同场景下,用户的需求不同
1、连续一个礼拜天天加班到12点,礼拜五下班。
2、20号收到工资卡的短信。
3、宅家里打游戏,中午肚子饿了。
4、夜深人静,在床上辗转反侧睡不着。
在以上四种场景下,用户的真实想法是什么?在不同的场景中,用户的需求是不一致的,可以从这种场景下特定的用户需求入手,去区分App和Web需要解决用户的什么问题。
不同的场景,存在不同的用户需求
思考点三:不同场景下,产品设计的侧重点不同
1、在家用的水杯和在公司用的水杯。
2、卧室的被套和酒店的被套。
3、线上的商品展示和线下的商品展示。
4、航空公司的飞机和私人飞机。
经历以上四种对比场景,用户的体验差异是什么?这要求设计师具备强烈的同理心,从用户心理和实际需求出发思考如何平衡用户需求和现实情况,同种需求在不同场景中最合适的实现方式是什么,都需要设计师去找出差异并重新定义。