给网页设计师的移动端网页设计简明指南

   早在几年前移动端的数据流量就已经超过桌面端了,手机和平板占据主流,而融合两者优势的巨屏手机更是大行其道。对于现在的设计师而言,真正的第一屏到底是桌面还是移动端界面,真的很难说了。也许“移动端优先”的说法并不准确,但是“移动端屏幕为主”的说法和实际状况已经非常接近了。打造优秀的小屏用户体验,已经是当今设计师深入骨髓的本能了。

  那么造就优秀的移动端用户体验,最重要的是什么?精细的图片?雅致的图标?还是细致入微的UI界面?如果你经常浏览移动端网页,你最期待的应该还是无缝而流畅的导航体验。从一个界面流畅的切换到另一个界面,没有迟滞,没有错位的视觉元素,完整的内容加载,用户对于这样的浏览体验是欲罢不能的,转化率的提升是显而易见的。

  真正优秀的导航体验往往能更好地帮助用户找到他们想要的内容,而不是在有限的屏幕上塞入更多的信息,精准地在菜单栏里面加入有用的、易用的、主要的条目,才是最明智的选择。

  搜索

  许多网页的内容非常多,在界面中引入搜索引擎能够帮用户更快地筛选内容。移动端屏幕尺寸的限制就已经决定了页面能承载的内容有限,无法像桌面端那样来系统而全面的展现信息。

  用户期待网站能够提供一个能快速获取精准信息的渠道,撇开漫无目的的浏览,用户通常会有有目的地找某类文章甚至某篇文章,希望找到某个产品,而搜索引擎可以很快地缩小浏览的范畴。

  最好的方案是将搜索功能置于屏幕顶端,无论是移动端网页还是APP,这种设计好处在于它易于发现,还符合用户日常的浏览习惯。


  维基百科的移动端页面自然而然地将搜索框置于页面顶部,这是网站属性所决定的。但是LinkedIn 则将搜索功能置于底部菜单栏当中,这也是某种意义上的固化于界面,这也符合逻辑——毕竟它的社交属性高于信息搜索。

  首页

  作为从桌面端继承过来的最主要的意符,首页的小房子图标称得上是约定俗成的存在。当用户看到这个这个图标的时候通常会很清晰地知道它所代表的含义。

  在移动端上,首页的作用被明显放大的,因为在强交互多界面的移动端,首页图标的存在让用户更高效、更快捷地明白哪里是首页、哪里包含了最主要的内容,他们知道从哪里开始。与此同时,移动端首页的存在让更多的内容有了承载的核心。

  多任务、强交互的移动端还存在一个常见的状况,就是电话、短信、推送无处不在,用户很容易被各种弹出信息吸引过去,而一旦用户浏览了其他的信息之后,再回到浏览器的时候,网站首页就成了信息的重要中转了。


  Albertson 的移动端页面将首页的图标隐藏在汉堡图标下的侧边栏当中,即使是转型使用无限滚动界面的Twitter,在设计客户端的时候也习惯性地将首页按钮固化在底部的菜单栏当中。

  分享按钮

  事到如今,社会化分享已经随着社交媒体的火热发展而成为了用户生活中不可或缺的一部分。移动端的用户会将看到的、好玩的、有趣的、有用的各种内容、产品分享到不同的平台,分享按钮,必不可少。

  实际上,移动端的分享比桌面端的分享更多、更快也更加深入人心。移动端设备的易用和普及是一方面,移动端的常见交互模式中,分享也占据着一席之地。这也是为什么,你应当在你的导航或者菜当中加入分享按钮。


  毕竟,吸引用户的内容并不少,并且作为网站的所有者,也是希望不惜一切代价将自己的内容分享出去,不是么?

  相关类别与推荐

  电商类和强内容类的网站,内容庞杂,导航中能够容纳的内容有限,所以相关类别和相关推荐就显得相当实用了。在关键词系统和分类系统足够完善的时候,相关推荐和类别推荐会让用户流连忘返。

  不论是购物还是消费内容的网站,菜当中通常不太需要加入太多的关于我们、联系我们这类链接,将分类和推荐做好会更好地留住用户。


  在JC Penney 和 EB Games 的移动端网页都将在汉堡菜单当中隐藏了分类目录,用户会更加高效地从分类目录中浏览商品。

  选择不多的菜单选项

  设计师总想为用户做更多的事情,然而在移动端导航设计这件事情上,通常少总好过多。过多的选择通常会让用户忙乱,对于日益增长的选择强迫症用户而言更是灾难性的。

  桌面端网页堆积如山的内容已经让用户烦躁无比了,移动端上再沿袭这个思路,用户是难于接受的。不管你愿不愿意承认,现在的用户可用的时间更加碎片化,信息只有更加快捷直接的呈现,才能被注意、被关注。深思熟虑和精挑细选是移动端网页的取胜之道。

时间: 2024-08-03 04:35:40

给网页设计师的移动端网页设计简明指南的相关文章

网页设计师指引:当前的网页设计趋势

文章描述:设计师和开发者都需要和市场接轨并跟上潮流的脚步,但是所谓的潮流是当下的,未来确是未知的.我们的确需要保证自己不被行业趋势甩到队尾,但更重要的是在浪潮中适应和学习. 技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地.而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意.所以在我们适应着现代设计潮流的同时,不妨也来看看现阶段网页设计大致的趋势和风格吧.我不敢大言不惭的说这就是当下网页设计的趋势,这只是本人对当下网页设计做出的一些小总结.希望这

网页设计师总结的对网页设计行业的感触

做设计久了,有各种各样的感触.其中一些不便告诉客户的事情,在这里分享给各位设计师. 设计风格要有好有差拿给客户看方案的时候,一定要做一套较为难看的,甚至让你的学徒代劳,这样有对比才会更快的出结果.如果全部精心设计,客户通常会挑花眼.行业外的他们大多不了解作品的优劣,就象我们第一次坐经济舱和头等舱,不知道好坏的人,以为经济舱就很不错.只有对比一下,才能直观的感触到什么更优秀. 高姿态真正拿到项目之前,其实就是一个心理博弈的过程,设计师要有强烈的自信.如果你自己都认为自己无法胜任某个项目,怎么让客户

网页设计师设计网站时要考虑在线广告的设计

很多客户网站多会放一些在线广告,所以作为网页设计师有时候在设计网站时,必须得考虑到客户的这种需求,将在线广告也作为设计的一个组成部分进行考虑. 近年来,广告已成为很多网站的主要收入来源.不久前,在线广告往往遭到访客的拒绝,广告客户也不确定它的价值和效力.今天,大多数访客期望在商业网站上看到广告,广告客户已经认识到各种在线广告的潜在机会.长期以来广告一直是印刷出版物的一部分,如杂志和报纸,现在它们已经在网上期刊和出版物扮演同样的角色. 网站所有者或者发布的产品和服务总是会担心广告存在的影响,同时它

怎样才算是一个合格的网页设计师?

随着互联网的盛行,市场上各行各业的企业对于网站的更新换代都有着不等级别的需求,然而网页设计师这个专业便是一个赤手可热职位.在上海建站行业里面什么样的网页设计师才算是合格的,对于企业网站设计理念,设计思路,设计规划,以及最后网站成型的框架页面是否能够得到客户的认可,这些对于整个网站制作项目来说都是非常重要的. 网页的设计思路方向他贯穿着整个网站建设项目的灵魂,其实重点核心,还包含网站建设的前期准备,中期制作的把控,后期的运营,所以说想要把网站这个项目做好对于负责网站的网页设计师来说不是一件容易的事

献给网页设计师的HTML5/CSS3/JS便捷工具

  是时候为网页设计师的来一组便捷的辅助工具了.日新月异的网页技术革新催生了大量的设计与开发工具,HTML5/CSS3几乎成了设网页设计师的必修课,而强大的JS也为网页提供了更多的可能性.尤其是HTML5,作为一门极为有用且实用的标记语言,它赋予网页设计师创造更优秀网页的可能. 这也是为什么,身为网页设计师的你需要不停地了解最新的技术趋势和新兴工具,这些全新的库.框架.插件和技术能让你的网页如虎添翼. HTML5使得设计师和开发者在各个不同领域都比之前更强大了.快速,漂亮,安全,响应式,这些特性

备受客户折磨的网页设计师

仅以此文献给那些兢兢业业接单的网页设计师们,相信许多人都经历或碰到过文中的这种难缠的客户!可能这种经历对于设计师来说就是最大的折磨.... 把这个送给曾经接过活的设计师,或者有过类似经历的设计师们.阿门. 刚开始的时候,一切都很棒.客户提出他们的需求,你也满怀期望.充满激情和兴奋感. 客户:新的网站一定会很棒. 设计师:岂止很棒?肯定会难以置信地棒.它会像遨游在外太空的雄鹰一般不可思议. 客户给你看他们现在的网站,你们一起嘲笑它是如此糟糕. 客户:哈哈,这都是什么烂玩意!我们上次请的设计师简直是

网页设计师是一个符合型人才

世间本没有路.走的人多了就成了路,网页设计一开始没有人把它当作一种谋生的手段,其本上全是个人兴趣,业余爱好,可爱好却爱出了一个职业,后来还美其名曰:网页设计师. 什么是网页设计师? 在我的个人观念里,网页设计师不同于美工.网页设计师是在美工和后台程序员之间的那个角色,而且懂一些美术,会用一些Photoshop.这个人主要负责web的建设规划,前端代码,切图,整体版面设计等.如果在要求严格点就是要能开发程序. 今天如果你想作出一手好网站,成为一个出色的网页设计师,可有不少东西要会. 首先你要了解什

网页设计师常犯的一些错误

  网页设计师们,你们做设计的时候最初的想法是神马?为了完成上级下发的任务?或是为了自己的提成?亦或是为客户着想?其实网页设计师们对于这些问题可能都想过,只是执行起来比较艰难罢了.其实大部分设计师最多的想法是客户可以通过就可以了,这样根本就发挥不了自己的设计水平,以及也提升不了自己的设计,最终害了客户也害了自己. 作为一名优秀的网页设计师,你需要有一个清晰的认识,并且一定要统筹兼顾,把自己的想法和顾客的想法结合起来,最终通过沟通方式让客户相信你的专业,你的观点.设计师需要做以下事情: 在设计之初

网页设计师该怎么用DRIBBBLE?

  你喜欢篮球吗?如果你爱好篮球又恰好是的网页设计师,那么你可能会很喜欢Dribbble这个社区~如果你不喜欢运动,没关系,宅男还有电脑陪,Dribbble更是基友的不二人选,你可以向他吐露你的心事,秀作品,分享你生活工作的点点滴滴~ Dribbble(没错,中间有三个B)是一个由许多设计师和他们分享的日常工作截图组成的社区,这个网站的名字基于篮球,但是他也不会强制要求你必须是个狂热的篮球粉丝. Dribbble在功能上与推特相似,但是他主要集中在设计方面.比如说,在推特上你会问别人"你在干嘛呢