前言:根据IDC的报告,2016年全球智能机总交付量已达14.706亿台。随着使用手机的人越来越多,让网页在手机上感觉更强,已经成为商品人越来越关键的研究课题。
本文由AppSo(微信号appsolution)分享,将告诉你移动网页设计的12个标准。
手机用户越来越期待在移动web端方便、快捷、合理地解决事情。无论是购买商品、查看商品价格,还是在邮件存档中添加内容,网页 *** 作的用户体验都要尽可能做到无缝拼接。
本文将根据手机网页的设计要素和用户的特殊需求来探讨如何设计手机网页。
一个好的挪动网页是怎么设计方案的?谷歌最近的研究表明,移动设备的用户更善于再次浏览与移动设备兼容的网页。这意味着你的网页在手机上也应该是友好的。但是到底怎么才能让移动网页有一个好的用户体验呢?
事实上,在设计移动网页的计划时,有很多关键点是你必须考虑的。可以看看下面这张图:
图片:商业2社区
移动设备的用户可能会注意到这种改善用户体验的设计方案,并为此感到高兴。
如果您希望您的网页与移动设备更加兼容,那么您必须处理所有移动设备上的网页的兼容性。这里有12个纠正措施,你可以参考,以确保你的网页兼容移动设备,给用户一个愉快的感觉。
1.给你的全部网页都合适在手机端上访问与在手机上立即 *** 作桌面网页相比,兼容的移动网页将极大地方便用户的 *** 作和应用。比如下图,移动端的达美乐披萨官网有两个版本号,一个是桌面版,一个是兼容手机的首页。
桌面网络电话上的小显示屏看起来又窄又小,很难 *** 作。相比之下,安卓版手机的网页由大按钮组成, *** 作方便,看起来比较简洁。
如果你的网页兼容手机,你的网页在手机上可能更实用。这里有3个关于网络兼容手机的提示。
只容许竖直翻转。不应该根据水准拖动网页页面来查询具体内容。你需要保证你的网页应用了相对性应的总宽与部位值,图片缩放后也可以一切正常显示信息。你也要把网页的主目录放到显目部位并去除这些会影响用户 *** 作的原素。 限定小榄按钮的总数——最好仅有一列的网页布局。 图片出处:Google不必将桌面版的网页与手机安卓版的网页互混。由于那样的网页会比桌面版的更为难用。2.将主 *** 作按钮设计方案得更友善手机用户非常容易忽略手机页面上的元素,所以主 *** 作按钮要放在显著的位置。手机界面的行动号召按钮很可能与桌面版的不同,所以你需要从用户的角度决定你需要把行动号召按钮放在哪里。(微信号appsolution后台管理回复“按钮”获取app按钮设计方案手册)
主按钮要容易点击,不一定要受网页中其他元素的影响。图像:持续接触
3.工具栏要简洁明了而合理桌面网页中有丰富多彩的工具栏,很可能是为了方便用户应用。但是,手机上的用户要有耐心拖动长长的选择栏找到想要的物品,并不容易。
你需要考虑如何最小化工具栏选项。比如只剩下重点商品的档案目录。根据“拇指标准”,不需要尽可能应用7个以上的不同类别。
简洁明了的文件目录更方便用户 *** 作。
是的,您的分类目录应该满足您的用户的要求:
它应该是依据用户的应用頻率与给用户产生的使用价值来排序。 它不应该应用比较难懂的用语。工具栏的设置必须具有商业服务素质,要不然你能搞混工具栏的类型。如应用文雅、形容性的用语很有可能会蒙蔽用户,导致大量用户离去。注:阅读相关网站基本建设方法的文章,请移至网站建设教程频道栏目。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)