热门标签 | HotTags
当前位置:  开发笔记 > 运维 > 正文

草根也移动移动网站交互设计避免的“小”错误

没有移动端支持的网站,就只是在等泥石流将其冲走。可见移动网站设计是多么重要,很多地方论坛都着手涉及客户端了,还有其它类型的网站。况且,你怎么知道百度不会根据移动端

  没有移动端支持的网站,就只是在等泥石流将其冲走。可见移动网站设计是多么重要,很多地方论坛都着手涉及客户端了,还有其它类型的网站。况且,你怎么知道百度不会根据移动端的访问量对网站进行评估呢?不急着优化,改善好移动网页,毕竟君子藏器于身,待时而动。草根们,是时候打造移动互联网的天地了。

  

 

  千万不要让你的客户等太久,用户的耐心就像大太阳下的水滴,很快就蒸发了。可是网页加载量大怎么办?从技术上来说,我们可以采用预载默认框架,简单而言,就是在用户下达指令并传达到服务器之前就跳出一个默认的框架,当然前提是你网页框架基本一致,除了内容不同罢了,这样等到数据返回的时候,从用户心理上感觉这速度是相当“快”的,这个很好地运用在了百度下载移动页上。其次,我们可以玩一些花哨,这些花哨也是一些老办法,就是在跳转过程中增加一个有趣的进度条,比如说移动的光标,或者是很可爱的卡通人物,这一点在以前非常盛行,毕竟你怎么知道用户是不是网络状况不好呢?总结这一点应该叫转移焦虑情绪,若是用心去做,说不定客户希望网速越来越慢,好好欣赏这个跳转间的有趣设计,这就要草根们各显神通了。

 触摸屏也是越来越大,所以有一个“拇指法则”,我们做不了所谓的单手模式,那就把常用的功能设置在上手指可触摸的范围之内。对于手机来说,为触摸进行交互设计,主要针对的就是拇指。所以我们经常可以看到很多工具条和导航条都在屏幕的下方,而PC端都是在上方的(如浏览器),这都是拇指可控范围内造成的。针对屏幕的用户,要让用户不误点,也得别点不到。我们应当在设计中将操作目标分视觉层,这样让用户感到很清爽快捷而实用,比如说IOS将编辑按钮放在右上角,方便点击又避免了误点。同时还要考虑怎样安排才不会让用户手挡住了主要内容,总结一句话要将内容呈现在屏幕的中上方。

  

 

  在一般网站中,搜索功能是一直被忽略但是很重要的一个功能。相比之下,在手机上盲打比在电脑上盲打难度要大得多,这也是让手机开发者很头痛的问题。所以我们要避免用户过多的输入,给客户更多选择。我们都知道你在百度搜索关键词的时候有下拉框,所以在设计搜索框的时候宁可让用户多花点流量也别让用户多打字,也就是智能给出参考。如果非要问个怎么智能法,可以分析大家都在搜索一些什么,当然如果愿意在首页开辟一个大家搜什么的栏目,或许也很省事。

  还有其他的一些细节,诸如桌面端与移动端差距不要太大,起码风格要一致。别让用户觉得换了一个环境,这样用户很难感受到这是一个网站的两个展示平台,这种困惑的设计会让用户接受感降低。至于其他弹窗之类的,这类就不要在移动设计上做了,这比桌面端弹跳更使用户讨厌。

  总结来看,已经做了移动用户端的,要不断地根据自身的需要和用户的需求加以改进;还没做移动网站的站长,要顺水推舟顺势而为地推出移动端,让用户在闲暇时关注你的网站。


推荐阅读
author-avatar
妈妈说称号长的人很牛也
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有