手机网站设计白皮书:深入了解用户需求

  觉不觉得现在的手机网站已经变得越来越可怜了?现在的手机网页们基本上都变成了App的附属品,地位十分可怜。但是现在我们有工具去改变这种糟糕的状况了,随着mobile-first概念的深入人心,和响应设计的发展,相信未来的手机网页将会拥有更加优秀的用户体验。但是别高兴得太早,如果你没有获得使用许可,你将无法使用即将改变手机网页的工具。

  是什么让我们的手机网页难以进步?用户的使用习惯就是一大阻碍。手机网页想获得成功的难度就在于,你必须让用户摆脱在电脑上使用浏览器和程序形成的使用思维定式,让用户接受一种新的浏览方式。

  首先得承认做手机网站吃力不讨好

  我们必须面对一个现实:用响应设计的方式去优化手机网页将会花费大量的时间和成本。

  当我们要面对如此多不同大小的屏幕,考虑如此多不同性能的设配,我们需要花费太多时间和成本去做不同类型的响应设计。设计者们需要考虑不同的页面布局,不同的交互方式,以及用户使用不同的设备是否有相应功能来支持网页的流畅运行,这些都需要花费大量的时间做测试。不过这种时间和成本的花费也是不可避免的,尤其开发者们想在不同的特定设备上不断优化自己的网页。其实经过这么长的时间,完全有机会去改变这种局面,可惜的是,大公司们都耗费太多资源在这种手机网页开发模式上,他们已经失去了改变的决心和动力。

  改变困难重重

  惧怕改变本来就是人类的天性之一,更何况现在面对的是一个关系到切实利益的改变,如果改变不成功,企业有可能会失去上亿的市场,谁又敢轻易以身犯险?就算花费了大量的成本和人力去做响应设计,大家也没勇气去挑战用户的使用习惯——这必须和传统的网站对用户培养了十几年的使用定式作斗争!你去随便找一个用户来问,他眼中的网页是什么样子,他当然会告诉你那是一个960像素宽,舒舒服服的镶嵌进浏览视窗里的页面,可以干许多事,有许多实用有趣的内容。而当你问他手机网页是什么样子时,他大概只会想到App了......用户会把手机网描绘成一个可怜的,有少量内容,以导航功能为主的东西。这真是一个让人难过的现实——都是叫网页的,手机网页和传统网页差距咋就这么大哩?!

  

  从用户最根本的需求你改变手机网页

  我们必须脚踏实地的深入了解用户的需求,才能最好的对手机网页进行改造。这说起来简单,但做起来是十分困难的,我们必须面对问题的本质才行。下面,我将分享我所认为的,如何改变用户使用手机网页习惯的方式——当然我的观点只是一家之言,希望各位高人来一同探讨。

  用理性的思考去设计

  开始你就必须设想你的网页如何去吸引你的目标客户,你必须用尽全力去研究你的目标客户需求。如果用户喜欢现在的手机使用方式,你要改变他们的使用习惯,让他们抛弃众多的App而爱上手机网页,你必须有强大的逻辑性,你的理论必须经得起不断的推敲,闭门造车的去想象一种模式,绝对是做开发的大忌!

  你必须了解你现在要做的是:

  1.让用户抛弃他们传统的使用习惯。

  2.在你切实理论和强大逻辑支持下,创造一个能让用户接受的新东西。

  很多情况下,用户也无法描述出他们究竟想要什么样的产品,但是你必须要独立思考,去找出用户的真实需求和问题的关键。

  用草图去思考!

  在做一个手机网站时,首先要建立一个站点的草图。这可以帮助团队进行思考,研究你的理论是否可行,逻辑还有那些缺点和错误。在草图上讨论,并不可以代替用户,但是这样会帮助你更清醒的认识到自己做的网页到底是个什么东西。

  

#p#副标题#e#

  手机网站设计蓝图模板

  下面是一份标准的手机网站设计步骤蓝图。在设计中,对于不同的步骤要用不同的思考方式,有的时候用独立决策,有的地方要用发散思维和头脑风暴。在设计中,团队难免有意见分歧的时候,要接受这种分歧,因为这些意见的分歧往往能碰撞出很多设计的闪光点。

  1.设立目标和标准。

  A.建立任务的优先级。这个直接关系到团队的工作效率,不能把有限的资源浪费在无限的问题上,要抓住重点。

  B.定义目标用户。这个绝对是关系到生死的问题,设计必须全方位的符合自己目标用户群的需求。

  C.头脑风暴。在建立好初始目标后,还要多即将开始的工作进行一次全员大讨论,这可以发现问题,防范于未燃。

  2.开始制图。

  A.随便画一些关于产品的故事

  用简笔画用最直接有趣的方式把你关于产品设计的任何想法给画出来,这也可以考察你对产品的认识和定位是否清晰。

  这项内容一般人数不要求过多,2-3人可以用30分钟的时间一边讨论一边作图。草图只要和产品相关,内容可以不受任何限制。你可以设想一个故事,比如你是一个用户,突然遇到了一个好的产品,从此抛弃了以前的旧产品。或者是用户在使用你们设计产品时的设备或是情境,遇到了什么故事。这样的草图看似和产品不是密切相关,但是其实这是一种发散思维方式,能让你最大化的设想出自己设计的产品到底是怎么回事。

  

  B.确定网站的实际设计

  这项内容由团队领导2-3人完成,时间不用过长。直接画出网站在设备上可能显示的草图,一般会设计出三个版式,以适应不同的移动设备。

  

  设计完板式后,要画出网站内容的连接逻辑。

  

  这一部草图不再要求任何的发散思维,一般整个草图的定稿要有团队领导或设计权威拍板,其他成员可以参与讨论,但是最终的决策必须确定。

  作图的意义

  制作草图可以在设计时让团队每个人都参与近来,贡献自己的想法,让团队每个成员感觉到产品是由自己亲自参与设计的,加强团队的凝聚力。而且通过草图,让开发者也不再是闭门造车,他将可以直接面对所有人对产品的推敲,从而发现问。通过头脑风暴,也可以让产品在开发过程中遇到的问题得到迅速的解决。

时间: 2024-09-24 05:36:48

手机网站设计白皮书:深入了解用户需求的相关文章

手机网站设计:手机网站设计蓝图模板

文章描述:手机网站设计白皮书:深入了解用户需求. 觉不觉得现在的手机网站已经变得越来越可怜了?现在的手机网页们基本上都变成了App的附属品,地位十分可怜.但是现在我们有工具去改变这种糟糕的状况了,随着mobile-first概念的深入人心,和响应设计的发展,相信未来的手机网页将会拥有更加优秀的用户体验.但是别高兴得太早,如果你没有获得使用许可,你将无法使用即将改变手机网页的工具. 是什么让我们的手机网页难以进步?用户的使用习惯就是一大阻碍.手机网页想获得成功的难度就在于,你必须让用户摆脱在电脑上

WEBJX收集iphone手机网站设计实例

随着手机上网的普遍,出现越来越多的手机网站,虽然手机的屏幕并不大,不过手机网站也有各自独特的设计风格,本文中的这些网站主要是针对iphone手机的网页,这些网站类型多种多样,当然我们可能无法以普通网页的标准来评判这些网站的设计,不过从中我们也可以看出一些关于手机网站设计的特点,本文最后包含了一些iphone手机网站的开发工具. 1. 新闻/娱乐类 Sevnth Sin 独特的导航菜单为这个网站增添了非凡的吸引力,绝佳的理念和设计.   Blip.tv 清新简介的版式和配色,非常契合网站的定位.

触屏手机网站设计

随着智能手机iphone和Android的热潮,衍生出基于Safari和Chrome浏览器的触屏手机网站Touch Screen Mobile Website.触屏手机网站在中国还属于起步阶段,从行业的现状来看,其体验参差不齐,笔者将从设备.系统.浏览器.网络.四个维度来与大家共同探讨触屏手机的网站设计: 一.设备 ·分辨率与屏幕尺寸·触屏机的交互特点·性能 1. 分辨率是设计师做网站时首要考虑的问题,iphone/ipod touch目前有2种分辨率:480*320.960*640,屏幕的物理

触屏手机和非触屏手机网站设计的区别

触屏手机网站和非触屏手机网站区别在于,前者使用手指点击注重点击体验, 而后者是使用手机物理按键注重选取规则,触屏手机屏幕增大,可以显示更多的内容,但内容密度不宜过大否则不便点击,一般人的食指点击的区域约为 7*7 mm 拇指点击区域约为8*8 mm,各大门户也分别推出适应触屏手机的高端版本,下面将会从手机网站最常使用的二个交互功能来分析3G门户炫版和其他门户的区别. 手机网站常用交互功能之一"信息连接": 竖屏状态: (图1) (图1)可见 3G门户高端炫版的信息链接响应高度约等于其它

从四个维度探讨触屏手机的网站设计

文章描述:触屏手机网站设计. 随着智能手机iphone和Android的热潮,衍生出基于Safari和Chrome浏览器的触屏手机网站Touch Screen Mobile Website.触屏手机网站在中国还属于起步阶段,从行业的现状来看,其体验参差不齐,笔者将从设备.系统.浏览器.网络.四个维度来与大家共同探讨触屏手机的网站设计: 一.设备 ·分辨率与屏幕尺寸·触屏机的交互特点·性能 1. 分辨率是设计师做网站时首要考虑的问题,iphone/ipod touch目前有2种分辨率:480*32

建设优质手机网站必读

在2013年底百度曾经发布了一份<2014中国网站运营发展趋势报告>,里面详细分析了目前中文网站的发展趋势,其中值得我们注意的是,报告中首次将PC端网站与移动端网站分开说明,另外一个可喜的发现是,目前在所有的网站中,同时具有PC及移动端的网站占了52%,首次超过了纯PC端网站的43%,并且,专业针对移动端的手机网站占了5%的份额.这一切的数据都在说明,移动互联网的发展在加快,与此同时手机网站的发展也在快速增加. 不过,从后来的分析报告中我们可以看出,目前手机网站的发展情况并不理想.在所有手机网

谷歌:72%消费者认为完善的手机网站很重要

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 [赛迪网讯]9月26日消息,据国外媒体报道,依据谷歌当地时间9月25日公布的调查结果显示,72%的消费者认为品牌有出色的手机网站很重要,96%的消费者表示愿意访问还有待完善的手机网站. 谷歌移动广告全球销售与战略主管贾森·斯佩罗(Jason Spero) 称,消费者因为移动网站不吸引人而关闭页面已经不是新闻,但品牌确实需要在手机网站建设上加大

万网推“魔笔”手机网站建站平台

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 近日,中国万网为"首届中国万网魔笔手机网站设计大赛"的获奖网站举行盛大的颁奖典礼.据了解,中国万网推出了手机网站建设工具--魔笔手机网站,是简单易用.功能强大.高效稳定的快速自助建站产品.众多用户通过万网的魔笔手机网站建起了属于自己的手机网站.基于鼓励和测评万网用户的手机网站,第一届魔笔手机设计大赛也应运而生.

用户界面设计研究:手机网站导航设计分析

文章描述:手机界面常用导航设计分析. 所谓的交互设计,其实设计的就是人如何向机器发送指令,机器如何向人传达信息,一来一往是为交互.当要传达的信息量很少时,好办,就想Google的搜索框那样,往白底上一放就行了.但当等到信息是海量的.在一屏上难以全部呈现时,就需要有效地组织信息,将部分信息先隐藏起来,待到用户需要时再将用户引导到那里.在界面设计中,广义地来讲,从一组信息向另一组信息转移的的过程,就称之为导航. 明确了定义,我们就该知道,一个好的导航设计应该让用户明白: 现在在哪儿 以前去过哪儿 将