让移动端网站设计变得简单点更好用

资讯中心 2023.09.18

对于一般的企业用户来讲我们的网站只要做到终端适配就可以了,在网站设计和网站制作的时候只需要考虑到页面能够正常显示,然而很少有人关注到用户体验,这里就涉及到一个移动设备的可用性问题。



移动设备的可用性更多地取决于它的外观体积和交互行为。人们使用手指与屏幕进行交互,这与使用鼠标和键盘的传统桌面体验不同。这意味着移动更多的是它的感觉而不是它的外观。



人们与他们的屏幕互动,就像他们对有形物体一样。在移动体验方面,舒适性是重要的。没有人想坐在一个不舒服的椅子上



1.了解您的用户


我们作为设计师倾向于认为每个人都是相同的,并以相同的方式使用设备。我们需要尝试避免这些假设。


此外,我们倾向于认为用户研究是永久性的,但事实并非如此。用户正在发生变化,技术正在发生变化,用户的行为也会发生变化。



2.使用环境


移动意味着“自由移动的能力”。大多数人在使用应用时都没有完全专注。他们经常在与应用程序交互时做其他事情,例如:遛狗,看电视,锻炼,开车,吃饭等。


人们使用设备的地方与他们如何使用设备一样重要。健身或正在运行的应用程序具有与银行或食品订购应用程序截然不同的用例。



3.经验法则


人们大多使用手机大拇指,这意味着我们需要设计拇指,而不是点击。屏幕上的所有内容都应易于触及,无需伸展拇指或使用双手。


因此,这就是响应式设计很重要的原因,并且移动设备上的单列布局更为可取。如果我们使用两列或更多列,我们将屏幕区域串起来,我们将内容缩小到拇指区域之外,这使得它更难使用。



4.内容优先


在网页设计中,我们倾向于首先放置导航,然后内容围绕它,但应用程序设计是相反的方式。


这是因为用户查看和触摸屏幕的方式,重要的内容应位于中心,底部的其他键导航控件。


但是,在平板电脑中,这种情况有所改变。由于我们仍然允许用户使用他们的拇指导航,我们需要确保其余的手指不会阻止任何内容。重要的导航元素需要移动到屏幕的两侧。



5.保持正轨


无论设备如何,移动设备都需要进行触摸设计。但这可能很棘手,因为没有两个人拥有相同的拇指大小,并且它不像鼠标点击那么简单。



6.物理和设备


我们需要让用户轻扫,翻转,捏合并使用适当的微交互,但我们还需要注意运动定律。根据用户采取的操作,所有响应都需要有意义。



7.显示正确的内容


您需要在适当的时间向用户显示正确的内容和适量的内容。


这意味着设计师应该避免同时使用所有内容轰炸用户,但与此同时,重要的信息不应该隐藏在导航背后。


您需要确保满足终端用户需求的主要内容显示,然后添加控件以允许用户在需要时更深入地挖掘。

相关资讯