Android中文API
ADC-Android API Android SDK Android Studio
当前位置: 主页 > APP设计 >

形式与内容的关系 - app的视觉美成因分析

时间:2017-08-09 15:45来源:未知 作者:卓一哥 点击:
Hello各位看官,我(终于)来更新了,你们有没有想我呢? 经过上一篇文章之后,陆陆续续开始有一些编辑和读者问我是否有出书的意愿。关于出书这件事情,我不知道作为一名UI转产

Hello各位看官,我(终于)来更新了,你们有没有想我呢?

经过上一篇文章之后,陆陆续续开始有一些编辑和读者问我是否有出书的意愿。关于出书这件事情,我不知道作为一名UI转产品设计师的视角去写的一些产品和交互方面的东西逻辑是否能站得住脚,也不知道会不会毁人不倦。

但是上一篇百度外卖的文章写完之后,百度外卖交互的同学加我QQ告诉我:

Image title

我还是挺欣慰的,在做UI设计之初,我就一直有跟一些app版本和更新的习惯,在互联网行业久了,总是会从他们每一个版本的产品形态去揣测这个公司的动态,看到一些功能和交互点,也会设身处地的思考如果我是他们的产品设计师应该如何处理,遇见一些深得我心的功能点,总是有一种和他们的产品设计师惺惺相惜的江湖感情。反正久而久之,边猜边总结,也是养成了自己的一套歪门邪道的方法论。至于出书这种事情,还没想好,但是如果未来真出书了,(我猜)你们会买的对么?

 

 

好了言归正传,来看这一期的文章内容。

互联网时间来到了2017年,手机空间越来越大,相信大家的手机中装了越来越多的app,很多时候,当我拿起一个朋友的手机,看他手机里都有哪些应用、这些应用的优先级是如何排布的,经常会从中得出关于这个人的另一层线索。

比如一个人手机里优先位置上有脉脉、知乎、豆瓣、一个ONE、单读这几个app,那我可以推测这个人一定是具备文艺属性的互联网从业者。

比如一个人手机封面是吴亦凡或者鹿晗,手机里优先位置上有优酷、爱奇艺、腾讯视频、芒果TV、天猫、京东、蘑菇街这样的一堆app,可以看出这是一位爱综艺爱追星爱剁手的小姑娘。

……

 

 

PART 1 – 意识是主观形式与客观内容的内在统一

 

如果说13-15年的时候app UI设计上充斥了很多同质化的产品的话,到了17年,UI设计师们在dribbble和behance的风格影响下,有了更多的发展空间,我们不得不说的是,现在的app比之前越来越好看和越来越好用了。

如下图所示我随意截取了九个(其实这样的app我手机里有远不止九个)我自己觉得UI很nice的产品和大家分享,他们分别是Enjoy、单读、Artand、Airbnb、一个ONE、Gilt、良仓、Zeen、和氧气:

Image title

Image title

Image title

那这里有一个关键的问题就出现了,为什么有些app,普通用户一打开就自然而然的觉得它很美?用户这种“觉得他很美”的意识到底是从哪儿来的?

 

在此之前,我先来说两组哲学概念:

 

意识是主观形式与客观内容的内在统一。(马克思主义哲学)

内容决定形式,形式反作用于内容。(黑泽尔唯心主义哲学体系)

(看不懂也没关系,反正我就是写来装逼的。_(:зゝ∠)_)

 

为了阐述用户这种“觉得他很美”的意识到底是从哪儿来的,就必须要了解app中“内容”和“形式”之间的关系。那我们不妨来看一下什么叫内容,什么叫形式:

 

 

PART 2 – 内容:

 

 

如果我自己斗胆给app设计工作中的“内容”下一个定义的话,我大概会说:内容是集成在app中,所有可被感知图片、文字、声音合集。(这里之所以说是可被感知,主要是从用户层面上看,忽略了用户不可感知的“代码”层面。)

 

那么我们必要搞要清楚的是,一个app的内容到底是如何产生的?也就是一个app到底是如何产生的?

 

那这里我不妨展开一下,假设我是一个产品设计师,有一天CEO告诉我最近想做一个电商app(这里我假设我们公司很有实力,忽略了市场和运营、渠道和资金上的问题,只考虑产品设计方面。)

那这个时候我问老板:老板你做电商类app,是想做平台类的呢还是做垂直的呢?你可想好了啊,你做平台类的想要从淘宝京东分份额的话那你必须要有自己的特色。(比如国内app“xx”、“xx”和“xx”、他们都有自己的特色)或者说你是想做垂直一些的么?(比如“xx”是专门做化妆品领域的,比如“xx”是专门做美食的,比如如“xx”和“xx”是专门打擦边球做情趣的)然后老板被我一番“驯化”之后得出的结论是我们来做一个美食电商吧,但是这个美食电商不会对标“enjoy”那样的高档人群,其实想做成类似于“什么值得吃”这样的大众场景。

好,故事讲完了,现在我化身为这个产品设计师,简短片面的阐述我的思考过程:首先我拿到的目标是“做一款什么值得吃app”,他的目标人群是更加广泛的全中国吃货,且要满足吃货推荐,评价和在线下单支付(前期无法做渠道的话需要跳转淘宝京东链接)功能。

 

 

那这个时候我开始思考这款app的MVP状态应该需要什么功能:

Image title

这里简单说一下MVP是啥意思,MVP=Minimum Viable product(最小可行产品)是《精益创业》的作者埃里克·莱斯提出提出的一个概念,字面意思就是可保证产品正常使用(主逻辑闭环)的最小产品单元。MVP又分为Validating MVP和Invalidating MVP在这里就不展开了,《精益创业》是一本特别赞的书,推荐大家阅读。

我设计的这个其实是Invalidating MVP,大概需要四个部分:

 “推荐”是核心,以帖子形式或者别的什么形式出现一些推荐的东西附上链接,“专题”方面做一些可供运营和推广的专题,比如“情人节送什么巧克力”、“最适合食辣族的几款辣酱”之类。“商城”里面会丢一些自营的物品。“我的”里面会有我的推荐,我的收藏,我的订单之类的一堆东西。

 

你们发现了么,其实这个时候,产品设计师就已经在定义产品的信息架构了。

 

那第一个问题我就在思考,因为这个app叫什么值得吃,那我们是不是还需要推荐一些线下值得吃的店的?如果做了是不是就和enjoy同质化太严重了?那最好就是先不做。

 

第二个问题那在推荐这一页里面我大概需要什么功能,因为面向的对象不太像enjoy那种偏一线城市的人群,那我应该用户群体同类对标到今日头条这种level的感觉。

 

第三那么这个首页我是按照各种食品属性的分类来建立推荐列表呢?还是说我按照人的属性来建立推荐列表呢?如果是按照食物的分类的话,给别人的感觉可能和淘宝很像,比如我在列表里面看到“巧克力”再点进去看巧克力的推荐,和我在“甜品族”这个人群tag里看到某巧克力好吃,这两种行为逻辑给用户的感觉完全不同。大家体会一下,作为“什么值得吃”这款app来说,肯定是后者更适合,所以得出结论是以人的属性建立推荐列表。(我甚至考虑到了以后迭代未来功能版本的可能性,比如时候每个人可以有多种身份tag,再去做匹配社交之类的。)

 

 

好,那假设我现在关于产品首页大概得出了三点感觉:

1.首页推荐按照人的属性tag去区分推荐列表

2.产品风格不宜太大洋(尤其是一定不能像enjoy那样使用黑白配色),最好是产品对标今日头条那种和微博的感觉,受众偏向二三四线城市。

3.每一个推荐应该有收藏,购买链接,这样的东西,在首页上应该有专门为运营活动或者市场换量设置的入口(可能是banner形式)。

4.为了不使推荐属性具有倾向性,应该每一个推荐都尽量层级平行。(比如“吃辣党”和“甜品族”就应该入口平行。)

5.一定要保证一个完整的支付逻辑和用户推荐逻辑通顺,这是最基本的两个功能。中间可能涉及到推荐里面要有商城链接(如果商城没有的要跳淘宝),自己的商城支付要支持支付宝微信,要有订单状态和退单等一系列功能,余额功能或退款自动退回功能二选一(看公司需不需要资金池)。

6....(此处省略N条)

 

 

大家明白了么,所谓app“内容”的产生,就是我上述这些奇怪东西的综合(当然其实并没有上述这么简单,这个以后有机会细讲),比如我们从上面的论述当中,我可以归纳出这款“什么值得吃”app的首页“推荐”应该具有的信息如下:

Image title

我写这么多字其实就是想告诉大家一个app的“内容”是如何产生的,当然我这里说得十分十分简单,真实情况可能比这个复杂百倍,大家意会就是了。

好了说完了内容,我们来看所谓app中的“形式”又是什么鬼。

 

 

 

PART 3 – 形式:

 

如果说我们把所有集成在app中,可感知的图文声的集合都可以称作app的内容的话,那么app的形式就是“承载这些内容,使内容更好被感知的方式”。

 

人有五感,视觉、听觉、嗅觉、味觉、触觉。

而人去和一款手机应用进行交互的时候只会从视觉,听觉,触觉(反馈)三个方面去感知,而触觉涉及到交互层面,以后我写到app的交互架构的时候会详细说; 关于听觉其实也不是本文重点,我举个例子一笔带过就好了,比如大家都用过滴滴,滴滴有一个“内容(功能)”是司机送一个乘客的过程中,当判断距离目的地很近的时候会默认进行一个“下一单的匹配”的功能。我们用滴滴的这个功能来对比手机游戏里面的“匹配下一局”,我们会发现这是几乎相同的“内容”,但是承载形式不一样,手游是视觉展现,你必须点击手机上的“匹配”按钮,而滴滴因为考虑到司机在开车很难解放双手去点击匹配,所以从产品逻辑上设计的是“语音提示+主动匹配+手动接单”的方式,所以我们总能在快下出租车的时候听到司机手机上传出响亮的“开始接单啦”语音提示。