快好知 kuaihz

先从视觉聊产品设计(上)

发现身边某些产品小伙伴是不怎么重视视觉设计,今儿又是一个酷酷的周末,敲敲键盘。

我们所接受的外界信息有差不多80%都来自视觉,而视觉传达对互联网产品的重要性更明显,我们所用到的无非:视觉,触觉,听觉。至于嗅觉和味觉,帅得屏幕啥的,以及当年乔帮主介绍iPhone的拟物UI时说让人有想舔屏幕的冲动所引发的味觉感受依然来自于视觉刺激。

从图标说起

对于一款新APP来说,用户真正开始认识我们的APP是从我们的图标开始的,而这个 图标设计是否精致漂亮,风格与产品定位,产品的整体视觉表现是否一致,图标是应用品牌的重要组成部分。而对于用户第一次看到图标时,便开始形成对产品的第一印象,用户在不了解应用产品时,会通过对图标的印象,判断该应用的品质,作用,以及可靠性。比如支付类的应用图标,除了精致漂亮,视觉传达给用户的感觉是稳定,可靠,安全。

他们有什么共同点?假如我们对以上两款支付应用都毫不知情,只知道是两款不同的支付应用,只看图标选择唯一一款支付应用使用,你会选哪一款?(我选支付宝)

到应用商店搜了一下财付通的评价

由于财付通界面“山寨”  导致  用户怀疑“是不是假的”,最终必然是用户放弃使用,而“山寨”的感觉来源于视觉没有传达给用户“正品”该有的感觉。

再看两款应用图标吧:美团  大众点评

锤子对图标进行了优化也拯救不了这个奇怪的娃娃的奇怪造型

图标就说到这…

接着说APP的引导页和启动页。

引导页

用户第一次打开一款APP的时候往往都会设计引导页。

按目的:

一般分为:功能介绍类、使用说明类、推广类、问题解决类,页数一般不会超过5页,我个人认为3页恰好,5页过多,折中的做法是用户可以选择:掉过引导

按表现形式:图片,动效,视频,+音效

图片和动效果是常用的形式,视频则多用于一些很需要走心的产品,(废话)比如最美时光

引导页使用的一段精心制作的关于时光的视频,容易引起用户的共鸣,同时也传到了产品的价值。不过若我是产品经理,视频的色调会使用黑白的怀旧色调,烘托出一种时光荏苒的氛围,而整个内容页的设计至少色彩也不会用的如此高亮鲜艳,不过到也符合最美出品的风格。

现在的APP基本都有启动页(微信的启动页:小人看地球),也有一些没有启动页(知乎:直接打开)。

启动页的形式包括:图片,动效

启动页的内容包括:广告,,LOGO,或者用户使用场景等等

而对于一款app,

一,是否需要启动页。

占领用户碎片化时间的应用大多不应该有启动页,比如知乎,印象笔记,以及一些资讯类的客户端,不应该增加用户的时间成本,如此得不偿失。

二,需要哪种形式的启动页。(图片,动画,还是其他什么形式)

三,放什么内容,内容需要什么样的表现形式?(需要传达给用户的是什么内容,怎样传达,是文字还是图片,还是文字加图片,是黑白色调还是炫酷的彩色调调。是动态静态,时间多长,是初次启动需要还是每次启动都需要,字体用电脑字体还是手写体,等等等等等都需要精致的打磨,不一一列举)

这些都需要对产品定位,用户需求,用户体验,使用场景等有着深刻透彻的思考以权衡:(视觉服从于内容,内容服从于需求,需求求于商业需要)

优秀的APP设计,每一个细节都可以看到细节的打磨。

写到这里,发现一个严重的问题,对于整个视觉的设计并不是有着特别自信,因为我自身做过的视觉并不多,更多的是从产品的角度思考,而产品我自身也是一只小小菜鸟,不过想想,这又何妨我对产品的思考和评价,那就找几款具体的产品来聊聊好啦。

接着说APP的首页

本想找一款小众的APP说说,说错了也没人知道,不过这样哪来的挑战。

那就挑微信吧,-。-

关于微信,之前在网上看到一道关于微信的产品题,据说是微信的产品经理笔试题:为什么微信的首页是聊天列表,而不是朋友圈?

看了一些答案觉得都写的多少拖泥带水,在我看来:对于一款APP产品来说,首页往往就是这款产品对于用户的核心需求所在,而核心需求决定该产品产品定位。微信的产品定位是什么?抛开如今微信正在想着连接一切的野心不说,那之前的微信的产品定位是什么,我给的定义是:E-message。E-message不知这样的翻译是否正确,好比:传统纸质邮件与E-Mail:网络邮件,而微信则是:网络短信。

所以之前看到什么说,微信抢了运营商的短信收入,那真是拍手叫好。只能发送短短的几个文字的信息的短信那是功能机时代的短信,智能手机上的短信有了移动网络的支撑,短信自然应该睡着时代升级进化,可以发语音,发图片,这便是微信。微信既然是一款“E-短信”,聊天列表自然应该在首页。所以陌陌的首页为什是“附近”,简书的移动端APP首页为什么是“热门”,同样的思考方式。

看一款产品的核心在哪,那就看它少了那一块会暴毙。(而朋友圈呢,为什么微信还有朋友圈,朋友圈和空间有何不同?容我再想想。(这跟视觉有什么卵关系吗?当然,首页不是你视觉接触到的吗,难道是嗅觉不成)

好像说了一堆很空的东西,说点实在的吧。发现拖太长了,那放下一篇继续写…

未完待续…

 

作者:WLENNON

来源:http://www.jianshu.com/p/ca7248d4628c#

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:先从视觉聊产品设计  产品设计  产品设计词条  视觉  视觉词条  
交互

 iOS 12 人机交互指南(六)...

要想发布一款能够位于App Store排行榜之首的产品,产品在质量和功能上的高标准表现是必不可少的,而为了达到这种高度,我们应该如何做呢?本文主要讲述的是 iO...(展开)

交互

 一枚app图标的设计文化

启动图标是每一个iOS中应用软件的关键组成部分。 它能传达给你应用程序的基础信息,并能够给用户带来第一印象感受。 它是一个非常重要的软件入口,能直接引导用户下载...(展开)