首页 关于我们 成功案例 网站建设 电商设计 新闻中心 联系方式
QQ联系
电话联系
手机联系
QQ联系
电话联系
手机联系

引航动力与您分享,手机网站设计的6个贴士

发布时间:2019-09-06 17:22
发布者:引航动力小编
浏览次数:
      对于建站公司来说,移动优先指的是,优先吸引手机用户而不是PC用户,用户如果要接触网站,优先推荐手机网站。  在移动优先的背景下,大量的用户会接触手机网站。这对手机网站设计提出了一个新的挑战——手机网站要更加友好,即友好型手机网站。  如果让手机网站对访客更为友好呢?引航动力总结了八个小贴士:
       1.在所有的移动设备上都能显示
       移动设备不光有手机,还有平板、不同浏览器、大屏幕等等,虽然手机是主要移动设备,但是也不能略过其它移动设备。在移动网站交付之前,需要进行测试。可以使用如DesignModo、ZooExtension、StudioPress等响应式网站测试工具进行测试,确保在所有的移动设备上,网站都能正常显示。
       2.手机网站方便交互
      手机网站的屏幕比较小,并且没有实体键盘,所以,一些在PC上很容易完成的操作,在手机上可能存在难度。例如,表单填写中的日期填写,在PC上可以直接使用键盘输入,但是在手机上就要避免这种操作,可以通过滚动、滑动的方式选择日期。总之,手机网站应该尽量减少用户使用键盘。
  
      3.单层的导航深度设计
      不少PC网站大导航设计深度都在两层以上,甚至多大三级。但是手机网站应该避免这样的设计。一是手机去点击更多的层级,不太方便和精准。二是手机用户没有PC网站用户的耐心,他们不会去操作“三次”乃至更多,再找到自己需要的信息。所以,手机网站的导航设计应该采用“一键直达”的设计思路,一个导航对应一个页面。
     4.随时可以返回主页
      因为上面说了,手机网站是单层深度设计,这会对用户返回首页造成一定的困难。例如,用户已经处于一个页面,如果要返回主页,需要连续操作手机的返回键,这显然不太友好。为此,手机网站的单页面,应该设计有返回主页的按钮,或者置顶的按钮,一键直达。特别是一些页面较长,更应该有这样的设计。
      5.搜索和填表是否容易
     没有人喜欢使用一个虚拟的小键盘输入大量的文字,也是因为如此,手机语音可以在手机上大放其彩。而一些场景又是必须要使用键盘输入的。例如表单的输入,此时,设计方面就需要进行转化,将键盘输入转化为滑动操作输入,如上文提到了日期滑动选择。
还有一个办法就是进行智能过滤和提醒,例如电商手机网站的搜索输入,只需要输入少量的信息,就会跳出更多的选项,用户只需要选择即可。

 
       6.图像的缩放
       手机网站的图像设计成为缩放模式,这是合适的。因为屏幕较小,一些用户希望能够查验图片的细节,而进行图像的放大。特别是电商手机网站设计,不少电商用户喜欢去看细节。
       所以,网站设计师需要对图像的质量和图像大小进行把握和平衡。某些类型的内容,尤其是视频,可能不能在所有移动设备上播放。例如,Flash不能在很多移动设备上运行。这也适用于不支持的视频格式。如果你的内容不能播放,这对于手机用户来说是非常令人沮丧的,并且会破坏体验。所以,对于所有音频和视频内容,坚持使用HTML5标签可能是一个更好的主意。
       例如,求职网站,用户的浏览信息的时候,希望将职位信息发送到自己的邮件,以便保存,手机网站的页面就应该有相应的功能。总之,某些手机网站使用场景中,应该方便让访客能够将信息转移到其他设备上。