minethink@126.com

联系电话 010-52428286

觉得您的企业应该与我们合作,立即联系我们。让我们探讨更多的可能。

直接反馈留言

跟着建议走!这样的移动端网站设计才对头

我们就从用户需求和体验的角度来探讨一下,移动端网页要怎么样设计才对头。    


优秀的移动端页面是怎样的 


1-5Az3JUyNfwBxdFhutR1kqA.png

最近谷歌的研究发现,那些针对移动端优化过的网站更容易赢得回头客。这意味着网站针对移动端优化之后有着现实可见的好处。那么我们常说的“对移动端友好”到底是怎么样的概念呢?实际上,这个概念包含了一系列关键的特性,当你在进行移动端网页设计的时候应当将它们纳入考虑的范畴:


如果你希望自己的网站能够轻松的在移动端设备上访问,那么应当消除所有移动端上可能存在的可用性的问题,下面有12条提升移动端网页设计的建议,确保你的页面能够通过 可用性测试,并提供良好的用户体验。


1、针对移动端进行全面优化 

桌面端网页在移动端设备上首要的障碍就是导航的使用。看看下面Domino批萨的案例,它的桌面端和移动端网页的对比就相当明显,移动端页面经过优化之后的体验就完全不同。简单说来,优化后的移动端页面更加干净,有着更容易导航的CTA按钮

1-Or74cH6asRGKTBqR9RseDw.png


2、让行为召唤按钮在移动端上友好易用 


用户经常会忽略移动端页面上的一些元素,所以尽量使用CTA按钮,确保用户不会错过它们。和桌面端的情况不同,你需要将CTA按钮置于主要、显眼的位置,确保他们容易发现,容易点击触发。   

 

1-c2B_91oMsej_BFuZ2TcDQQ.jpeg


3、让菜单简短且易用 


详细而全面的菜单设计在桌面端上能够良好运行,但是当它出现在移动端上的时候,菜单就显得过长了,要在其中找到想要的内容就相当难了。所以,你需要考虑使用精简的菜单,仅保留最重要的、必须的条目。根据以往的经验,尽量不要让菜单超过7个条目。    


1-enW4mC8pqtghzq-483V4lg.jpeg


4、让搜索框显眼 


如果在你的网站中,搜索是主要的功能,那么你在做移动端页面优化的时候应该突出这一功能,因为它是高转化率的功能,确保它足够显眼是很有必要的。当用户想要获取特定功能的时候,倾向于使用搜索功能来实现,所以,搜索应当是用户一打开页面就能看到的控件。通常应当让搜索框置于页面顶部,以文本输入框的形式存在。


1-6CQQMkAsJ-2VJrwScoIogA.png


5、让网站正好合适,无需缩放 


桌面端网页出现在移动端设备上,最令人沮丧的地方就是它需要缩放。不放大页面,不仅难于阅读,而且用户容易错过重要的细节,而放大来浏览,需要来回拖放。而针对移动端优化后的页面则不存在这个问题。图片、字体和页面宽度都正好合适,用户能够完整地获取信息,确保了最基本的可用性和易用性。 


1-cCa8cTAyJnW33Y_v6nocPw.jpeg

   

6、使用高素质的素材 


你的网站中所有的图片、视频和UI元素都是你的产品的一部分,当你针对移动端优化页面的时候,它们都是重要的组成部分,它们素质的优劣直接影响到用户的观感。   


1-OoDT7NO7TLFEnRAImBZJOA.jpeg


7、设计便于触摸交互的页面     

如果你的页面是针对移动端设计的,那么网页中按钮的尺寸应当和手指的大小相匹配。MIT的Touch Lab 通过研究发现,指面的触摸尺寸平均大小为 10-14mm,而指尖的平均尺寸是8-10mm,也就是说10mmx10mm的控件尺寸设计是比较合理的大小。 


1-nHhrCwZM31X13eC-2OD3ZQ.jpeg


另外一个需要考虑的是就是可触摸控件指尖的距离。如果两个按钮比较靠近,那么用户在移动端上就很容易出现误触的情况了。如果想要解决这个问题,就需要根据实际情况重新调整尺寸和按钮之间的距离,以适应用户手指交互的需求。下面是推荐的尺寸设定。


1-YySWfl8CErYfLxZwkkArBg.jpeg


8、让用户在决定之前先行探索 


让用户在对你的网站毫无了解的情况下就要求他们去注册,其实是违反互惠互利原则的。曾有数据表明,让用户过早注册导致超过85%的用户选择了放弃和离开。


1-fg3axBtyqbSrMlwvkQ5DnQ.png


NetFlix 曾经给予用户一个月的免费试用,不过用户需要注册之后才能使用这一福利。 一般说来,用户在提供个人信息注册之前,会浏览一下网站内容,了解这个网站是什么样的类型、提供什么样的服务,再做决策,对于从未听过的品牌尤其是如此。想要打破转化率的壁垒,你在设计网站的时候应该做到下面几点:


 ·提供无需登录就能完成的体验流程

 ·让用户可以作为访客进行购买

 ·只有当需要用户提供相关信息的时候才要求注册,并且尽可能少的让用户提供数据


9、告知用户选择更合理的屏幕方向 


1-PwIAs4E0eLOZGoTsDJH79A.jpeg


不同的屏幕方向下,用户的浏览体验会完全不同的。用户惯于在同一屏幕方向下完成全部的操作,所以提醒他们切换方向可以提升网站浏览的用户体验。所以,当你的网站偏向展示性,并且使用横屏时浏览体验更佳的话,不妨使用行为召唤设计来提示用户。


期待与您的沟通

一个需求是我们了解你的开始,更是我们建立合作的开端。别犹豫,开始填写吧!
联系我们
嗨,我来帮你啦!

联系我们

一个需求正是我们了解您的开始,更是我们建立合作的开端。
我们收到您的沟通需求后,会安排顾问联系您。
* 必填字段
预计开始时间
所在地区
您感兴趣与我们合作的项目
具体需求