产品经理如何为小屏幕做设计

  1997年,那是一个春天,有一位老人在南海边画了一个圈,这个圈就画在咱大深圳!画圈的人是小平同志。

  2014年,还是这个春天,移动设备的普及成为当下互联网发展的又一次变革,我们在各种小屏幕上画着一个又一个的圈,如今,用户的移动体验无意正在变得更好,因为越来越多的网站已经开始为移动设备做了设计,设计师们也明白什么更适合小屏幕。然而,在手机上执行任务操作仍然存在着许多障碍。

  亲爱的设基师朋友们如果你正在为此困扰,请关注如下招式:

  首先即使是4G下载时间问题依然存在,其次用户讨厌需要大量下载网站因为他们需要为此付费,再次即使是经验丰富的移动用户他们在通过移动端访问完整版网站时和普通人没什么区别。这意味着用户在整个移动体验中依然有着很高的失败存在。

  如果从设备看,目前市场主要移动设备可分为:功能型手机,智能手机,全屏手机。

  (备注:功能型手机:是基本功能都具有,不具有功能扩展或少有扩展的手机,其最大的区别是智能手机。功能手机一般待机时间会长点,较稳定。

  智能型手机:是指像个人电脑一样,具有独立的操作系统,独立的运行空间,可以由用户自行安装软件、游戏、导航等第三方服务商提供的程序,并可以通过移动通讯网络来实现无线网络接入的这样一类手机的总称。

  全屏手机:也可以称为触屏手机,最大的特点在于它那超大的屏幕,利用触摸屏的技术,将该技术应用到手机屏幕上面的一种智能型手机。是时下最热门的手机类。)

  为了实现更高的用户性能,应该为每一种移动设备类型设计不同的体验:屏幕越小,功能就越少,设计也应该越简洁。

  如何为小屏做设计?

  为移动设备设计时,主要注意两点:

  1.内容和导航是否足够明显,用户不用花费学习成本。

  2.为小屏幕和缓慢的下载速度做设计。

  这两点诠释了为什么所有移动端网站都必须根据目标网站的特点作出。

  寸土寸金的空间——移动屏幕是这么的小,你这么浪费空间你妈妈知道吗?

  图二的显示方式可以呈现更多的新闻,这才是人们的实际使用。图一相比更增加了用户一步操作,虽然好看但华而不实。 为什么用户在日常使用中更偏爱普通且有点无趣的设计? 这是因为这样的设计能让用户一眼看到更多内容。

  第二个案例则是成功浪费ipad的屏幕空间,它让大多数的天气信息密集的排布在底部,而将大部分屏幕的空间用一张纯粹的图片做装饰,这样的默认设计让人乏味。

  一个内容两种呈现多些选择

  同样的数据如果有着两种不同的呈现显得有点多余,通常是设计者并不清楚哪个更适合用户,所以给出两个方案,让用户自己去选择。为数据使用两种界面,唯一合理的情况是这两种数据需要强调本身具有不同的两个方向。

  美团的界面有列表视图和地图视图,两种界面能够让用户查看不同的方向,列表包括详细的信息内容和价格,而地图则显示了餐厅的地理位置。

  在ibook中也同样的表现了两种显示,但你会发现一种界面明显优于另一种。事实表明,列表界面能让用户更加轻松的辨认出图书和作者,或用书名做快速搜索,列表中按照字母快速排序而书架中的并不是。大量图书存在情况下,通过图书封面快速查找可能性也随之降底。

  别让虚拟元素抢了地盘

  所谓虚拟设计元素是指像用户提供关于屏幕内容的信息或者操作该内容的命令。这些虚拟元素通常用底层的系统提供。例如PC端他的虚拟元素就是PC的各种指令如任务栏,系统托盘区等。而软件PS工具中的菜单栏,工具栏等等。

  在移动端使用这些虚拟元素的代价很明显,他们会占据空间,而压缩了内容的区域。

  图一中你会发现这些虚拟的元素,让有效内容显得更少,然而也会随着系统自带的一些元素不断叠加,经过堆积的虚拟元素通常会占据一半的屏幕空间。那如果我们将这些元素暂时隐藏其实也是很危险的,因为用户对看不见的部分通常是忽略的。那该如何是好?!!!

  其实只要你善待他们他们自然会用更好的姿态回报你:

  1. 考虑将这些虚拟元素设计的更简单有效

  2. 提供自始至终的一致性,让用户记住你这些虚拟操作正在处于隐藏状态,而他的操作可以不断重复这样的模式。3. 通过内容的错落差,上下文提示和渐进式暴露方法降低隐藏带来的复杂性。

  Path从早期即将菜单做隐藏处理,长期的使用培养了用户对这个虚拟元素的认知。并且在使用过程中你需要重复这样的操作。

  阅读器默认状态工具隐藏,用户能通过文字错落了解翻页,点击屏幕呼出工具。

  时间都去哪儿——下载时间的秘密

  试想如果你已经把空间都利用的很好了,但等待时间却很长,用户可不会原谅你。因此,在为移动设备设计的时候,将交互流程成本降到最低是关键。

  1. 让操作流线话,所需要下载的界面越少越好。举个例子,如果内容都已经存储在手机中,这样操作并不需要从服务器下载信息。

  2. 只加载需要的信息,即那些对用户有用的价值信息。

  3. 不要滥用图片。图片越多,下载速度也越慢。(ps:也许这也是为什么在移动端扁平化盛行的原因之一)

  4. 给用户提供反馈。比如你的下载进行到什么样的一个状态,需要让用户有一个认知,这样虽然不能完全解决他们中断操作,但可以稍微缓解一下。

  解决了如上问题是不是就能留住用户,提高成功率?非也~~

  请看最后一招!

  必须避免过早注册及高门槛

  移动应用的最重要的原则之一就是避免让用户在第一步做注册。因为初期用户对这样的产品并未建立认知和好感,在初期就要求用户注册是错误的。需要记住的是,用户在一开始对你的应用投入程度是很低的。除非你真的太牛逼,太受欢迎了,值得他们去注册。

  下面我们一起来看一下几个案例:

  图一中在开始第一步即要求用户填写信息,造成很大流失率,因为初期用户并未对你的信息有所认知,你凭什么要求别人填写。图二强迫用户注册,你长这样凭什么要我注册?!许多人会就此退出应用,而且从此碰都不碰。这样你便失去了给别人带来良好的第一印象。

  上图所示的案例即为合理的体验:

  1. 展示用户需要的信息

  2. 让用户制定自己的订单

  3. 显示价格信息,以及相应订单时间。

  4. 接受订单,此时要求填写注册等相关信息,恰到好处。

  在移动端的设计中如果能对以上几个观点有所考虑,相信你的移动端设计会是变的更有诚意,其实用户更多的时候只是希望看到你为他们量身定制的服务。这就好比当年小平同志将深圳划为改革开放经济特区,享有经济特权,如此的有诚意的一个圈造就了今天的深圳。

  感情深不深 酒水一口闷

  诚意足不足 为你做衣服

时间: 2024-11-10 15:14:09

产品经理如何为小屏幕做设计的相关文章

我眼中的产品经理(1)——如何做竞争分析

[摘要]科特勒大师有言:"市场营销是关于区别的艺术".而竞争分析就是在定义这种差异化. 我该选择哪款手机?性价比高的小米,还是高大上的iphone? 我该选择哪家餐厅?湘菜还是粤菜? 我该选择哪种理财产品?股票.期货.基金等? 生活中的这种场面殊为常见,随便逛一个大型超市,里面任何一个产品,几乎总是一大堆的品牌,争着挤在货架中等你挑选.洗发水.洗面奶.牛奶.牛肉干-许多许多,这时,你会买哪个呢? 作为产品经理,竞争是我们必须面对的.在定义产品的时候,又该如何进行竞争分析呢? 1.什么是

跟张小龙学习做优秀产品经理的设计思路

提起张小龙,大家都非常熟悉这位极度优秀的产品经理,不仅仅是因为Foxmail,更因为目前深刻改变你我移动生活的移动互联网产品 - 微信,其江湖地位的确定已经让众多国内立志于做优秀产品经理的人顶礼膜拜了,我们首先借助互联网材料回顾一下微信的创立历程: 一.微信的演化历程: 2010年11月19日23时58分,张小龙在腾讯微博上写下了这么一句话: 我对iPhone5的唯一期待是,像iPad(3G)一样,不支持电话功能.这样,我少了电话费,但你可以用kik跟我短信,用googlevoice跟我通话,用

看完你也能独立负责项目!产品经理做APP从头到尾的所有工作流程详解!

(一)项目启动前 从事产品的工作一年多,但自己一直苦于这样或者那样的困惑,很多人想要从事产品,或者老板自己创业要亲自承担产品一职,但他们对产品这个岗位的认识却不明晰,有的以为是纯粹的画原型,有的是以为做项目管理跟踪项目进度,有的是做竞品分析给老板看.实际上,这些都不是产品经理的核心和重点.在较为成熟的企业,因为产品的壮大和人员的增多,为了便于协作和沟通,岗位会细化的很清楚,如产品经理.交互设计师.UI设计师.用户体验分析师.数据分析师.运营等等.但是创业型公司中产品经理往往都是身兼数职,创业公司

手把手教你做产品经理

课程目录:001说在前面的话002我的互联网观003与你息息相关的未来004我们应该如何让学习更有效率005我们应该如何让学习更有效率006真实产品案例-案例学习重点与项目背景007真实产品案例-大讨论与项目定调008真实产品案例-用户研究-问卷调查009真实产品案例-用户研究-问卷调查与访谈后的总结与心得010真实产品案例-用户研究-需求分析与产品方向确定011真实产品案例-产品策划012真实产品案例-产品设计-白板原型图013真实产品案例-产品设计-白板原型图之异常流的处理方法014真实产品

产品经理到底要不要懂技术?(要拥有的是框架思维:产品分层与模块化设计,使用路径设计,良好的商业思维设计。人生时间有限,不需要将编程技术吃透)

前段时间,我面试了一个国内一线门户客户端的产品经理,她是学计算机出身的PM,但是由于编程能力比较弱,所以做了产品经理.后来在工作中,有时和技术同学打交道比较费劲,所以自己吭哧吭哧开始学习SQL和PHP. 我不太认可这种直接去学习编程的方式,因为产品经理应该是很忙的,你的宝贵时间不该花在学习编程这件小事上.(多说一句,我也是学计算机出身,毕业于国内某最好的大学之一的计算机系.我并无贬低编程之意,恰好相反,我身边很多优秀的产品经理都是学计算机专业出身.) 所以,结合自己的工作和创业经历,以及后来与诸

信息价产品经理日志(1)- 妈的,不想再呆在广联达了

前几天一个女同事看到我的一张名片说,周哥看起来还是蛮酷的.另一个男同事说,我们老大本来就很帅啊. 这是我的个人名片,我觉得酷的是,敏捷个人创始人.更酷的是,快乐.高效.平衡. 你快乐吗?你高效吗?你平衡吗?如果你正在迷茫中,那就跟着敏捷个人一起成长吧. 关于敏捷个人的话题,我说了太多了,网上也可以找到很多资料,能否学到精髓就看你的学习能力了.当然,你要是觉得一年300元对你来说是一笔可以做出的个人学习投资的话,那也不要犹豫加入我们的年费会员(购买加入)啊. 也许你说,我怎么在产品经理日志上也讲敏

第一课 产品经理的来龙去脉

1.1 什么是产品 ● 产品的定义 产品是指能够提供给市场,被人们使用和消遣,并能满足人们某种需要的任何东西. ▲有形产品 ▲无形产品  ●  所有产品都是可以被明码标价的.  ●  互联网产品当然就是基于互联网的相关产品 - 360安全卫士,QQ,微信,微博等. 1.2 杰出的产品经理 乔布斯 - 苹果 扎克伯德 - facebook 杰克多西 - twitter 周鸿祎 -360 托利马 - 腾讯 张小龙 - QQ邮箱.foxmail 1.3 产品经理诞生的背景 ● 1.3.1 国内互联网发

张小龙演讲精华:产品经理的方法论与价值观

移动互联网产品的方法论 手机作为一种联系工具,天然决定了移动互联网的主要服务对象是人群而非个人.移动互联网产品经理的主要任务是服务人群,主要工作是研究人类群落的行为模式.用产品为人群提供服务,并且要预判人群卷入之后行为模式的变化. 早期人类是村落人群模式,产品经理曾经是村落里的铁匠,他认识每个村民,每个村民也认识他.而在今天,产品经理完全退居幕后,他不可能认识每一个用户,用户甚至不知道这个人的存在. 因此,产品经理在方法论上存在着各种选择:他可以提供某种基于熟人群落的旧式服务,以增进熟人群落的情

2016第51周五产品经理的十大错误

错误1: 将用户需求混淆为产品需求 大部分产品经理的工作流程是:收集完用户需求,开始编写产品需求文档,然后交给技术人员开发,接下来跟踪项目进度,协调资源,验收成果,最后发布产品. 整个流程没有错,容易产生错误的地方在于,产品需求如何确定.在淘宝内部的产品经理也是如此,经常把运营同学的需求直接翻译成文档,交给技术人员开发.最后的结果是产品的功能点越来越多,产品越来越复杂,成为一个大杂烩. 一定要从产品设计的角度思考需求,把用户的需求转化成为产品需求.在火车没有出现的时候,你问用户最想要什么?用户会