前车之鉴:一个视觉交互设计失败的案例

2018-11-17 12:58 作者:产品案例 来源:ag88环亚娱乐

  我的原型图中,采用了最简单常用的布局方式,而UI设计师拿到需求以后,觉得这样做实在死板,想做一些和其他竞品的差异化。所以,将视频封面放在了右边,视频标题、主播名称、点赞数放在了左边。当效果图出来时,我第一眼感觉是漂亮,精致,整体效果非常不错。领导看了以后,也觉得视觉效果很棒。于是,山西推动中小学校消防安全宣扬教育工作。效果图一稿便通过审核,步入开发。

  UI设计师在出效果图的时候,尽量摆放产品真实的内容图片。效果图并不需要做得有多漂亮,而是需要在产品开发前,模拟产品的真实样子,保证产品内容在最差的情况时,依然能有良好的视觉体验。

  抛开第一种情况,当用户觉得此视频封面是自己稍微感兴趣的东西,那么用户需要阅读其他信息来确定自己是否喜欢。此时用户的视线由“②视频封面”跳转到“③视频标题”然后向下扫视其他“④次要信息”。如果在判断此视频自己没兴趣后,用户会继续向下扫视,焦点又会跳到下一条信息的“⑤视频封面”。然后重复以上路径,循环扫视。

  最后导致的结果就是:用户以从右往左的一种顺序浏览内容,违反从左往右的阅读习惯。

  其实,在产品设计中,追求创新、追求差异化是非常值得鼓励的事情。但有时候为了寻找差异化,而导致用户使用成本增加是需要产品经理细细斟酌的事情。在某一行业尚未成熟时,创新一款APP是比较简单的,因为行业内并没有一个大致的标准,也没有太多用户习惯的需要注意。但当行业趋于成熟,众多产品涌现时,任何一点点微创新都难能可贵。

  在这里还想说一个问题,就是大家在效果图审核时,常常会说:我感觉这个页面有点别扭,我觉得这个交互动画有点不舒服。这到底是为什么呢?这种别扭到底是怎么产生的呢?我想这种别扭一定是视觉或交互传达出的信息有悖于个人的日常感知。如果有一个页面,很多人都觉得别扭的话,那很可能是某个地方设计有问题。也许有些问题是显而易见的,也许有些问题是深层次的问题。如果是深层次问题就需要产品、UI设计师或者交互设计师细致地去寻找问题。存在的问题并不可怕,最可怕的是问题隐藏起来,而产品经理却毫无感知。

  2、产品设计布局没有绝对,更要考虑目标用户群,视觉顺序代表了优先级,对于视频类美女图片优先级更高,新闻类通常是标题包含的内容;

  你说的那种图片优先级比文字高,我认为是在图片最够大的前提下才成立(当然只是我凭感觉而已)。

  然后,还是认同图片应该放在文字信息的左边,因为人的阅读习惯确实是由左向右然后向下,如果图片放在右边,在人快速浏览时,会被一张张看不清的图片打断了浏览的连贯性,降低了浏览的效率。而放在左边,会下意识地忽略了图片,但为什么放在右边为什么不会忽略呢?我认为是”阅读惯性“造成的,所谓惯性就是在快速浏览文字时突然有图片跟在文字尾端,形成一种文字和图片的视觉冲突,而把图片放在左边,那么图片一列就会形成独立的板块,这时候可以选择性忽略它,直接阅读文字,如果当阅读者被某标题吸引,再把视线左移瞄一下图片,就打开连接了。

  人人都是产品经理(是以产品经理、www.ag88.com国际化气质尽显摩拜单车成中国制造标杆运营为核心的学习、交流、分享平台,集媒体、培训、招聘、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里分享知识、招聘人才,与你一起成长。