这篇文章将会根据移动端网页的设计要素和特别的用户需求,来讨论如何设计移动端网页。
Google 最近的研究表明,移动设备的用户更乐于再次访问适配了移动设备的网页。这意味着,你的网页在移动端也同样要做到界面友好。但究竟怎样才能使移动端网页有良好的用户体验呢?
实际上,有大量的重要细节需要你在设计移动网页的时候考虑。请看下图:
图片来源:business2community
移动设备用户将会注意到你们这些增强用户体验的设计并会为此感到愉悦的。
如果你希望你的网页更好地适配移动设备,那么你必须解决网页在所有移动设备上的兼容性问题。以下是 12 条改进措施,你可以参照着来确保你的网页能适配移动设备,并给用户带来愉悦的体验。
相比在移动端上直接操作桌面版网页,经过适配的移动网页会大大方便用户的操作使用。举个例子,下图是手机端 Domino 披萨官网的两个版本,一个是桌面版网页,另一个是已适配手机端的网页。
桌面版网页手机的小屏幕里显得窄而小,并且很难操作。经过对比,手机版的网页主要由方便操作的大按钮组成,显得简洁。
如果你的网页适配了手机,你的网页在手机上将会更加地易用。以下是网页适配手机的 3 个小技巧。
只允许垂直滚动。不应该通过水平滑动页面来查看主要内容。你要确保你的网页使用了相对应的宽度与位置值,图片缩放后也能正常显示。你还要把网页的主目录放在显目位置并剔除那些会干扰用户操作的元素。
限制横栏按钮的数量——最好是仅有一列的页面布局。