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

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

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

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

  

 

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

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

  

 

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

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

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


推荐阅读
  • 本文介绍了解决Netty拆包粘包问题的一种方法——使用特殊结束符。在通讯过程中,客户端和服务器协商定义一个特殊的分隔符号,只要没有发送分隔符号,就代表一条数据没有结束。文章还提供了服务端的示例代码。 ... [详细]
  • 本文介绍了如何找到并终止在8080端口上运行的进程的方法,通过使用终端命令lsof -i :8080可以获取在该端口上运行的所有进程的输出,并使用kill命令终止指定进程的运行。 ... [详细]
  • 解决Cydia数据库错误:could not open file /var/lib/dpkg/status 的方法
    本文介绍了解决iOS系统中Cydia数据库错误的方法。通过使用苹果电脑上的Impactor工具和NewTerm软件,以及ifunbox工具和终端命令,可以解决该问题。具体步骤包括下载所需工具、连接手机到电脑、安装NewTerm、下载ifunbox并注册Dropbox账号、下载并解压lib.zip文件、将lib文件夹拖入Books文件夹中,并将lib文件夹拷贝到/var/目录下。以上方法适用于已经越狱且出现Cydia数据库错误的iPhone手机。 ... [详细]
  • 计算机存储系统的层次结构及其优势
    本文介绍了计算机存储系统的层次结构,包括高速缓存、主存储器和辅助存储器三个层次。通过分层存储数据可以提高程序的执行效率。计算机存储系统的层次结构将各种不同存储容量、存取速度和价格的存储器有机组合成整体,形成可寻址存储空间比主存储器空间大得多的存储整体。由于辅助存储器容量大、价格低,使得整体存储系统的平均价格降低。同时,高速缓存的存取速度可以和CPU的工作速度相匹配,进一步提高程序执行效率。 ... [详细]
  • 如何提高PHP编程技能及推荐高级教程
    本文介绍了如何提高PHP编程技能的方法,推荐了一些高级教程。学习任何一种编程语言都需要长期的坚持和不懈的努力,本文提醒读者要有足够的耐心和时间投入。通过实践操作学习,可以更好地理解和掌握PHP语言的特异性,特别是单引号和双引号的用法。同时,本文也指出了只走马观花看整体而不深入学习的学习方式无法真正掌握这门语言,建议读者要从整体来考虑局部,培养大局观。最后,本文提醒读者完成一个像模像样的网站需要付出更多的努力和实践。 ... [详细]
  • HDU 2372 El Dorado(DP)的最长上升子序列长度求解方法
    本文介绍了解决HDU 2372 El Dorado问题的一种动态规划方法,通过循环k的方式求解最长上升子序列的长度。具体实现过程包括初始化dp数组、读取数列、计算最长上升子序列长度等步骤。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讨论了如何优化解决hdu 1003 java题目的动态规划方法,通过分析加法规则和最大和的性质,提出了一种优化的思路。具体方法是,当从1加到n为负时,即sum(1,n)sum(n,s),可以继续加法计算。同时,还考虑了两种特殊情况:都是负数的情况和有0的情况。最后,通过使用Scanner类来获取输入数据。 ... [详细]
  • 本文介绍了九度OnlineJudge中的1002题目“Grading”的解决方法。该题目要求设计一个公平的评分过程,将每个考题分配给3个独立的专家,如果他们的评分不一致,则需要请一位裁判做出最终决定。文章详细描述了评分规则,并给出了解决该问题的程序。 ... [详细]
  • 本文介绍了C++中省略号类型和参数个数不确定函数参数的使用方法,并提供了一个范例。通过宏定义的方式,可以方便地处理不定参数的情况。文章中给出了具体的代码实现,并对代码进行了解释和说明。这对于需要处理不定参数的情况的程序员来说,是一个很有用的参考资料。 ... [详细]
  • 关于我们EMQ是一家全球领先的开源物联网基础设施软件供应商,服务新产业周期的IoT&5G、边缘计算与云计算市场,交付全球领先的开源物联网消息服务器和流处理数据 ... [详细]
  • 图解redis的持久化存储机制RDB和AOF的原理和优缺点
    本文通过图解的方式介绍了redis的持久化存储机制RDB和AOF的原理和优缺点。RDB是将redis内存中的数据保存为快照文件,恢复速度较快但不支持拉链式快照。AOF是将操作日志保存到磁盘,实时存储数据但恢复速度较慢。文章详细分析了两种机制的优缺点,帮助读者更好地理解redis的持久化存储策略。 ... [详细]
  • http:my.oschina.netleejun2005blog136820刚看到群里又有同学在说HTTP协议下的Get请求参数长度是有大小限制的,最大不能超过XX ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • 本文介绍了RPC框架Thrift的安装环境变量配置与第一个实例,讲解了RPC的概念以及如何解决跨语言、c++客户端、web服务端、远程调用等需求。Thrift开发方便上手快,性能和稳定性也不错,适合初学者学习和使用。 ... [详细]
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社区 版权所有