如何在设计中体现轻量化、情感化设计

用户头像
上海/UI设计师/6年前/2542浏览
如何在设计中体现轻量化、情感化设计

仅代表个人观点

      首先提到轻量化,我们必须要搞明白什么是轻量化?我在百度上搜索了轻量化设计,得到的词条全部都是和汽车相关。最近几年我们一直提到轻量化设计,轻量化给用户带来良好的用户体验,如何将抽象的理念应用到具体的设计中,是设计师面临的巨大挑战。首先,我会给轻量化进行定义,轻量的反义词是繁琐、拖沓,在产品设计中则表现为界面内容过多,用户无法准确识别、找到自己最想要的功能,或者说产品没有办法让用户看到产品最想传达的是什么?简单的来说轻量化设计就是精简、界面不拥堵、传达信息效果强。总结就是反【多】

      产品为用户服务,多这个概念不由设计师或者产品经理来决定评判。[多]这个词的直接体验者来源于用户,那么针对用户使用场景,在那些场景用户会觉得多呢?一般经验来说,在他觉得有些东西是无用的时候,他就会觉得这个东西是多余的。所以,轻量化设计就是在用户不需要你的时候,不要出来瞎得瑟!

在我的理解看来,轻量化设计有两个层面,1、表现层 2、机制层

      首先谈谈一谈表现层,从视觉层面上,轻量化的设计给用户的感觉就是舒服、无压力,两个字来总结就是:纯净。在视觉设计上考虑三个问题:

1、是否使用多余的配色是否将用户的注意力引导向了不必要的地方?

2. 配色是否营造了一种与使用环境相左的情绪?

3. 配色是否正确传达了品牌的理念与态度?

      所以总的来说,轻量化设计并非是简单的颜色浅而已,而是不论它的色彩,它字体的粗细,在最终的画面呈现上准确传达给用户信息,画面不出现多余的部分,即是轻量化。

举个例子来说:

2、在机制层上    轻量化设计要求

    (1)用户什么时候需要我,首先从功能层面入手,产品是一个个功能的组合体。内容页面臃肿的源头是功能过载。产品经理常常将原型图给到设计师,设计师不会深究页面的的逻辑问题,所以UI设计师主动跟PM们沟通就会显得尤为重要。设计师们常常说我也不想在页面塞这么多东西啊,但是这些功能我们必须展示给用户,不然用户都不知道还有这个功能。

要解决这个功能要从外部引入[场景]的概念,场景就是用户使用APP的外部环境。

      外部环境影响用户的感知,感知决定了用户的行为。只有身处于特定的场景,用户的行为才会被触发。

      功能也是一样,用户需要这个功能,但并不是每一个场景都需要这个功能。有些比较冷门的功能,用户只有在特定的场景才会想起使用,那么我们就可以只在那个特定的场景中展示该功能。

比如说,在播放歌曲页面,用户最经常需要的操作下一曲、上一曲、暂停、乐评、歌词、分享、收藏,



      比如说酷我音乐和酷狗音乐,这两个页面上展示的内容其实是一致的,但是酷我音乐给人的感觉更加轻量化,因为酷我音乐对于有些选项做了折叠设计,当用户打开音乐软件听歌是,百分之八十的用户对于MV和视频没有第一位的需求,但是剩余百分之二十的用户也不会介意对于视频和MV进行两步操作。其次酷我音乐做了场景化区分,以K歌功能为例,酷我音乐的处理方案是:当用户点击查看歌词的时候才会展示“K歌”的话筒图标,因为当用户查看歌词的时候,提醒引导用户去K歌更加合适。

      因此,轻量化在界面上反映的就是抛弃一些当前场景中不必要的功能让界面更加简洁明了 


(2)当一个页面确定有什么功能时,就是入口的问题了


      上面两张图是QQ音乐和网易云音乐分享的界面:首先是网易的交互流程:网易需要点击分享按钮才能进入右边这张页面,点击播放页面进入歌词页面,右划是切换下一曲       其次是QQ音乐:QQ音乐的交互流程是点击播放页面进入左上角的页面,右滑进入歌词页面

从这两个交互流程就表示两款APP对于分享页面的层级安排。



再比如说玩抖音的用户,用户长按视频可以唤起三个功能:保存、收藏不敢兴趣。这三个功能抖音做的如此隐蔽,就是希望用户不去使用。

1 保存:为什么保存到手机看?来抖音看吧

2 收藏:既然喜欢这个视频,为什么只收藏不转发一下,让更多人看到

3 不感兴趣:emmmm

情感化设计,这是设计师共知的话题,各大互联网除了竞争用户的时间,还在竞争用户忠诚度。

诺曼在《情感化的设计》书籍中提出情感化设计一共有3个阶段,「本能设计」「行为设计」

「反思设计」本能设计是:本能层次牵涉到的人类的生物性本能,可能会有反例,但是它几乎适用于所有人。比如对危险的规避,控高,对于美食的享受,本能是先天的

行为设计是:行为层次则是控制日常行为运作的那个部分,它同样是无意识的,它与整个情感系统有着紧密的关联,让我们的身体做好准备,以应对特定的场景,作出适当的反应。

反思设计是:反思层次则连接这我们常说的认知和思考,它通过理性的思维和逻辑推导帮助我们理解周遭的世界。生存比理解更重要,所以情感比认知更快帮我们给出反应

但是,用户不会从设计师的角度去理解这些理念,让用户对一个产品产生好感的点,是因为它考虑到了同类型产品考虑不到的东西。

比如说美图秀秀在图片编辑页面,给图片增加边框时,可以根据图片上的颜色进行颜色的吸取,这就是人性化的一步,这样用户编辑的图片就会更加和谐。

当我发现这个功能时,我会对美图秀秀产生情感上的好感。


ReadME的登录页面,用户在输入密码的时候,猫头鹰会捂住自己的眼睛,这种卖萌的行为会减少用户在等待时的负面情绪。

Betterment的注册流程中,用户在输入输入生日的时候,会自动显示出距离下一个生日的日期,一个小小的关怀马上让注册的流程有了新的惊喜!

完。欢迎大家关注,和我一起学习成长!

8
举报
|
19
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
空的平台平面和自然景观
城阙凡花
金色颗粒质地的平面
金色颗粒质地的平面
平面设计风格的粉色草莓味马卡龙
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
平面设计 吊牌设计
城市园林平面布局航拍
空的平台平面和自然景观
牛奶乳液层次梯田平铺平面
平面书法字手写
倒计时,海报,平面
海底世界插画
平面插画情侣/矢量
平面男孩喝咖啡插画设计
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
平面插画设计女孩喝咖啡
古风平面仕女与瓷器
城市园林平面布局航拍
水蜜桃和李子的平面水果图案
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
你可能喜欢
相关收藏夹
大家都在看
登录注册