移动端网页设计简明指南
时间:2020-02-28 16:39
来源:爱邦网络技术有限公
早在几年前,移动端的数据流量已经超过了桌面,移动电话和平板电脑占据了主流,而巨屏手机的两大优势的结合就是如此。对于现在的设计师来说,真正的第一个屏幕是台式机还是移动界面,真的很难说。坚决说移动终端优先并不准确,但移动终端屏幕是主要的说法和实际情况已经非常接近。创造优秀的屏幕用户体验是当今设计师深入骨髓的本能。
给网页设计师的移动端网页设计简明指南
那么创造一个优秀的移动用户体验最重要的是什么呢?精细的图片?雅致的图标?还是精细的UI界面?仔细阅读移动网页,最期待的应该是无缝流畅的导航体验。顺从接口顺利切换到另一个接口,没有延迟,没有错位的视觉要素,加载完整的内容,用户想要这样的阅览体验,转化率的提高显而易见。
良好的导航体验往往能更好地帮助用户找到他们想要的内容,而不是在有限的屏幕上插入更多的信息,在菜单栏中加入有用、易用、主要条目是最明智的选择。
搜索
许多网页上的内容非常多,在界面中部署搜索引擎使用户能够更快地过滤内容。确定了移动终端屏幕尺寸的限制,页面可以承载的内容有限,不能像桌面终端那样系统地表现信息。
用户期待网站能够迅速获得正确信息的途径,打开漫画的目的的阅览,用户通常有目的地寻找某个文章和某个文章,寻找某个产品,搜索引擎能够迅速缩小阅览的范围。
最好的解决方案是将搜索功能放在屏幕的顶部,无论是移动网页还是应用程序,这是设计为容易找到和符合用户的日常浏览习惯。
给网页设计师的移动端网页设计简明指南
wikipedia的移动页面自然地将搜索框放在页面的顶部,正如网站属性所决定的。但LinkedIn将搜索功能放在菜单栏底部,这种功能在某种程度上被固化到界面中,这毕竟是合乎逻辑的,它的社会属性高于信息搜索。
首页
作为从桌面端继承的最重要的符号,首页上的小房子图标是一个惯例。用户看到这个图标,就会明白它的意思。
在移动方面,主页的作用被显著放大,因为在强大的交互式多界面的移动方面,主页图标的存在使用户更有效率和更快地了解主页在哪里,最重要的内容在哪里,以及在哪里开始。同时,移动主页的存在允许更多的内容拥有核心。
多任务、强互动的手机端也有一个共同的情况,就是手机、短信、推广到处,用户很容易被各种弹出信息所吸引,而且一旦用户浏览其他信息,再回到浏览器,网站的主页就成为一个重要的信息传递。
Albertson的移动页面将主页图标隐藏在汉堡图标的侧栏下。甚至使用无限滚动界面的Twitter也用于在设计客户端菜单栏中固化主页按钮。
分享按钮
迄今为止,社会化共享已经成为社会媒体的热潮发展,成为用户生活中不可或缺的一部分。移动用户会看到,有趣、有趣、有用的内容、不同的平台、共享按钮,是必不可少的。
确实,移动终端的共享比桌面终端的共享更多、更快、更深入人心。移动设备的易用性和普及性是一方面,移动端的共同交互模式,共享也占据了一席之地。这就是为什么你应该在导航或菜单中添加一个共享按钮。
最终,吸引用户的内容不少,作为网站的所有者,是不是想不惜一切代价共享自己的内容呢
相关类别与推荐
根据电气商品类和内容类别的网站,内容庞杂,导航中可以容纳的内容有限,相关类别和相关推荐显得相当实用。当关键字系统和分类系统足够完善时,相关推荐和类别推荐会让用户忘记返回。
无论是购物还是消费内容,菜单通常不需要添加太多链接到我们或联系我们,分类和推荐将更好地保留用户。
在JCPenney和EBGames的移动网站上,汉堡包菜单中隐藏了分类列表,用户可以更高效地从分类列表中阅览商品。
选择不多的菜单选项
设计师总是想为用户做更多的事情,但是在移动侧导航设计方面,通常少于很多。选择太多的话,用户总是很忙,对于成长的强迫症用户来说是更加灾难的。
桌面网页堆积成山的内容使用户易怒无比,移动终端遵循这一理念,用户很难接受。不管你是否愿意承认,现在用户可用的时间比较零散,只有在更快、更直接地呈现信息时才能注意到和集中信息。深思熟虑和精挑细选是移动端网页的取胜之道。