谷歌的研究发现,那些针对移动端优化过的网站更容易赢得回头客。这意味着网站针对移动端优化之后有着现实可见的好处。
如果你希望自己的网站能够轻松的在移动端设备上访问,那么应当消除所有移动端上可能存在的问题,下面是一些提升移动端网页设计的建议,能确保你的页面能够通过可用性测试,并提供良好的用户体验。
1、让菜单简短且易用
详细而全面的菜单设计在桌面端上能够良好运行,但是当它出现在移动端上的时候,菜单就显得过长了,要在其中找到想要的内容就相当难了。所以,你需要考虑使用精简的菜单,仅保留最重要的、必须的条目。根据以往的经验,尽量不要让菜单超过7个条目。
衍艺案例——爱华通讯手机站
2、让搜索框显眼
如果在你的网站中,搜索是主要的功能,那么你在做移动端页面优化的时候应该突出这一功能,因为它是高转化率的功能,确保它足够显眼是很有必要的。当用户想要获取特定功能的时候,倾向于使用搜索功能来实现,所以,搜索应当是用户一打开页面就能看到的控件。通常应当让搜索框置于页面顶部,以文本输入框的形式存在。
3、让网站正好合适,无需缩放
桌面端网页出现在移动端设备上,最令人沮丧的地方就是它需要缩放。不放大页面,不仅难于阅读,而且用户容易错过重要的细节,而放大来浏览,需要来回拖放。而针对移动端优化后的页面则不存在这个问题。图片、字体和页面宽度都正好合适,用户能够完整地获取信息,确保了最基本的可用性和易用性。
衍艺案例——胡白手机网站
4、使用高素质的素材
你的网站中所有的图片、视频和UI元素都是你的产品的一部分,当你针对移动端优化页面的时候,它们都是重要的组成部分,它们素质的优劣直接影响到用户的观感。
5、设计便于触摸交互的页面
如果你的页面是针对移动端设计的,那么网页中按钮的尺寸应当和手指的大小相匹配。MIT的Touch Lab 通过研究发现,指面的触摸尺寸平均大小为 10-14mm,而指尖的平均尺寸是8-10mm,也就是说10mmx10mm的控件尺寸设计是比较合理的大小。
其实移动端的网页设计并不只是这么简单,这些技巧也相当的基础,但是它们提供了一个不错的入门指引。每一个网站都有其独特的地方,具体问题具体对待。但是无论如何,要记住,你的受众不是设计师,而是用户,你的设计应当承载用户的期待,实现它们的目标,而非成为负担。
CASE STUDY
沁馨硅藻泥
CASE STUDY
蓝印国际
CASE STUDY
小茶园
CASE STUDY
闻道
CASE STUDY
雅庄装饰
CASE STUDY
嘉德利
CASE STUDY
国际物联港
CASE STUDY
博宇光电
CASE STUDY
智迅创源
CASE STUDY
佛圣堂
Address: Building No. 7,"Made in Hanyang" Culture Creative Industry Park,Turtle nRd.,
Hanyang,430050 Wuhan,P.R.China
版权所有 © 2008-2024 衍艺广告有限公司
武汉品牌设计
ICP备12004571号