白话产品笔记(1):App首页设计方法及原则,让你的设计更科学
本文导读:已经一周没有更新了,很是抱歉!坚持确实是一件不容易的事情,现在才了解到,那些坚持的人有多牛逼!
另外要说的是,以后这个系列的文章暂且叫《白话产品笔记》,毕竟行文仓促,后期可能需要重新整理;另外有可能还会给大家分享下本宝宝的苦逼从业、啼笑皆非的经历,所以有必要区分下.....
好了,不能在多说,言归正传,今天给大家讲解下App的首页设计方法及原则,深入了解背后的逻辑,才能让自己的设计更有说服力!
什么是App首页
打开一个App后,程序展示在我们面前的第一个页面,就是我们常说的首页。作为App的首页,必须承担产品最核心的功能,用户一进来就能找到自己需要的内容。针对用户需要的功能,“裸”的越狠,越会获得用户的喜爱。
对于一个产品,在用户使用的期间,可能会随着用户的身份,首页会发生改变,所以说,产品的首页并不唯一,这点是容易被忽略掉的。
App首页的重要性
App的首页是将产品全貌呈现给用户的第一页面,其中重要性不言而喻!首页设计的好坏,直接关系到下一秒用户是否会离开。如果拿相亲来比喻的话,如果第一印象过不了关,基本是没有下文的,当然有特例(有钱的另说哈)
从用户的角度来看,App首页的设计不但决定产品的属性,还决定产品的“骨骼”(产品架构),更决定产品全局的基调(视觉,交互)。从设计者来看,首页设计正是基于这三个角度来设计的。
下面我们将围绕上面提到的三个方面来聊下,App首页的设计方法及原则!
App首页设计方法及原则
App首页设计要遵循产品的行业属性
目前移动互联网产品深度渗透我们的生活,大众的使用习惯已经养成,某些设计交互方式,俨然是行业默认的标准,直接打破这种习惯,风险比较高,很可能出力不讨好。
1. 针对工具型(多数),平台性的产品,首页多采用九空格板式设计。主要原因,是这种方式可以在一屏内为用户呈现更多入口,从本质上讲还是为了提升效率。如果有疑惑的童鞋,可以自己排列下,看看有没有比这种更高效的版式设计。
这类产品有支付宝,微信支付等。在支付宝战略未调整时是严格的遵循九宫格设计,即使是现在支付宝依旧是遵循着平台性产品设计的特色。
当然这种九空格设计也是有一定缺陷的,那就是每个入口可展示出来的信息比较少,并且主次之分并不清晰,当数量太多事,用户是不能够在短时间定位的。这就要求,入口的位置需要锁定,用户后期可根据位置来记忆,这点和手机桌面的app位置有异曲同工之妙。
2. 针对于社交类产品,首页多采用列表式设计。这种设计方式,每个列承载的信息量大,扩展性强(上下滑动),而且最上面的永远是最新的消息框,符合用户潜在的认知,更重要的是微信,QQ培养起来的用户习惯。在这里给大家发散个问题,微信用户在聊天列表时,区别用户时是以什么区分的?头像?还是昵称?
在微信中是有反例的,比如支付页面却采用九空格,而不是列表式展示。这是为什么?主要原因还是因为微信太复杂了,微信现在是一个整合多个生态App的超级App,所以像支付这种必须当成一个单独的App来看待。
3.针对内容类的App,首页展示方式就比较灵活了,但是也是有固定的模 式的。主要是内容的维度标签是固定的,比如一个内容,要有标题,发布人,发布时间,内容简介,封面等。不管如何设计排版,是摆脱不了这几个维度的标签的。这类的产品又可以细分析啊,比如资讯类,视频类。
4. 出行类的产品的,多数以地图为首页,来展示的主要内容,比如滴滴,百度,这点在用户的认识上,已经成为标准。想在这个行业创新的,只能从业务上进行创新。
5. 创新型类的App,多为内容型。这类App多数用户为年轻人,因为年轻人接受新事物更容易,比如抖音。这类产品的崛起,一般很看硬件的技术,如果不是今年流量的廉价,公共wifi覆盖,抖音,快手等小视频绝对不会崛起。在负责这类产品的时候,更多的思考是从业务本身出发。
App首页设计要遵循产品定位
app首页的设计不但遵循行业属性,更要遵循自身的业务内容。用户来到你的产品,就是需要你的产品协助他解决问题。试想下,假如滴滴一进来不是打车页面,而是先选择车型或者是其他页面,用户会怎么样?核心上的业务,路径一定是最短的。
在这里给大家举个反例,不知道大家用过云闪付没?
这个App设计的就很奇葩,首先从产品名字,我们可得知这是一个便捷的移动支付工具,但是打开之后却是享优惠页面,我还以为是个优惠卷产品。
最近该产品乘公交有半价优惠,所以常常用该产品。每当我乘车时,都会让我先来到享优惠页面,然后给我弹个弹窗,我必须先关掉,然后才能去找二维码付款。这一系列的操作,如果不是为了省这五毛钱,我直接要骂娘了,他成功的把一个用户给逼疯了,必须给他一个大大的赞,这也是人才。
其实他这边弹窗是做活动,为了留存用户,但是这件事情,可以从产品的数据中看出来,如果用户大多数都是直接关闭,都是跳过,很显然这个流程是存在问题的。
所以在设计产品时,一定不要脱离你的产品定位——业务内容,其次才是打造周边。算了,看在这五毛钱的份上,我先原谅他了,钱真是个好东西。
App首页设计要遵循简单
这个主要是产品的交互,这点大家可以研究下微信,微信这么复杂的产品为什么在我们的印象中很简单。主要还是微信的交互,微信的交互采用最简单的点击,长安,滑动手势,内部功能绝大数采用一致的交互方式呈现,所以我们看起来很简单。
好的产品一定是简单的,这就要求,核心的功能路径一定是最短的。功能的引导要清晰,最好的功能一定隐藏在流程中的,比如微信的图片长按,有识别二维码扫一扫功能,让人感觉很自然的一个流程。
最后,关于以上这些设计方法及原则,一定不要当做金科铁律。如果你的首页能让用户高效的解决掉自己的问题,那么就大胆的去干吧。
写到最后。最近这段时间,因为琐事繁多,所以更新周期比较长,再次给大家道歉。
另外,这段时间我也在思考,到底怎么讲,对于初学者更友好。但是很不幸,我并没有想出一个确切的方向来,因为即使有,我也不知道他对不对?
但是我相信乱拳打死老师傅一定有道理的,不出拳,一定是打不到对手的,所以我先把这拳打出来,不对的话,大不了挨过揍再打回去。
你的打赏,是对我最大的鼓励,钱果然是个好东西,哈哈....下次见!