比起电脑端而言,移动端的一些H5网页、手机网站或者APP,因为设备的尺寸限制,更加需要我们在设计上有所注意。我们在使用移动设备浏览网站,使用各种应用的时候,会更加近距离以及集中注意力,当用户拿起手机去浏览使用的时候,内心期待所接触到的是有趣并且好用的,在界面视觉上要达到美观,同时能提供优秀的用户体验,也正是在这样的期待下,我们在进行针对移动端的一些产品设计的时候,需要比电脑端更加慎重,在设计上需要避开那几大问题,就是今天要聊的。
良好的第一印象决定着用户是否愿意继续往下看。如果用户在打开一个手机站或者一个APP的时候,第一感觉就是不舒服、不符合预期或者用起来不爽,用户自然是不会再打开,甚至会立刻删除的。第一印象至关重要。设计和开发应当确保主屏加载速度足够快,而且UI设计也应该让用户容易理解,用色彩也控件告诉他们,这里都有啥,他们能干啥。尽量在一开始就展现出APP的特色,让用户看到让他们继续使用的理由。
在移动端上,视觉线索是重要的组成部分,因为屏幕的局限性,我们需要清晰地告诉用户应该如何操作,应该向哪里浏览,哪些控件可以操作,甚至哪些操作可能会带来在哪些结果。所以,这里一定会涉及到信息的视觉化,所以这些视觉线索的设计应当遵循一定的规则:
·色彩:鲜艳的色彩更抓眼球,适宜于可点击的元素使用
·空间:在关键元素周围留下足够的空间,让用户更容易发现,也更容易操作
·排版:使用简单干净的字体(尽量使用笔画粗细统一的字体),并且挑选适合屏幕的字体,确保整体可读性。
在小屏幕上,千万不要试图在一个界面上承载过多类型的内容,对于用户而言是极大的负担。将每一屏都视作一个单独的容器,每个容器承载不同的内容,切换界面,呈现不同的内容。当内容足够引人入胜的时候,用户会不自觉的滑动,切换,干净整洁、组织完善的布局则确保了整体体验的一致和便捷性。同时,界面的UI元素靠的太近,或者过小了会让手指粗壮的用户非常难于操作。从某种意义上来说,巨屏手机的出现和这种体验诉求不无关系。确保每个元素周围保留足够的空间和间隙,不仅仅方便用户点击,而且能够消除误触的情况。
最后与所有设计一样,记得保持所有的元素看起来一致,交互和运作方式也应当统一。一致的设计让用户能够更快适应产品,统一的设计让用户对于不同的界面有了预期。也许比起我们熟悉的电脑端网站的设计,移动端会更加精细些,需要我们发挥极致的追求细节精神。