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

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

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

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

  

 

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

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

  

 

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

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

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


推荐阅读
  • 本文详细探讨了HTTP 500内部服务器错误的成因、解决方案及其在Web开发中的影响。通过对具体案例的分析,帮助读者理解并解决此类问题。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • 网络运维工程师负责确保企业IT基础设施的稳定运行,保障业务连续性和数据安全。他们需要具备多种技能,包括搭建和维护网络环境、监控系统性能、处理突发事件等。本文将探讨网络运维工程师的职业前景及其平均薪酬水平。 ... [详细]
  • 百度服务再次遭遇技术问题,疑似DNS解析故障
    近日晚间,百度多项在线服务出现加载异常,包括移动端搜索在内的多个功能受到影响。初步迹象表明,问题可能与DNS服务器解析有关。 ... [详细]
  • 通过与阿里云的合作,牛客网成功解决了跨国视频面试中的网络卡顿问题,为求职者和面试官提供了更加流畅的沟通体验。 ... [详细]
  • 本文探讨了如何在 PHP 的 Eloquent ORM 中实现数据表之间的关联查询,并通过具体示例详细解释了如何将关联数据嵌入到查询结果中。这不仅提高了数据查询的效率,还简化了代码逻辑。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • 如何优化2060显卡设置以提升《Apex英雄》游戏体验
    《Apex英雄》作为一款热门的战术竞技游戏,吸引了大量玩家。本文将探讨如何通过优化GeForce RTX 2060显卡设置,确保在《Apex英雄》中获得最佳性能和流畅的游戏体验。 ... [详细]
  • 本章将深入探讨移动 UI 设计的核心原则,帮助开发者构建简洁、高效且用户友好的界面。通过学习设计规则和用户体验优化技巧,您将能够创建出既美观又实用的移动应用。 ... [详细]
  • 本文介绍如何通过SQL查询从JDE(JD Edwards)系统中提取所有字典数据,涵盖关键表的关联和字段选择。具体包括F0004和F0005系列表的数据提取方法。 ... [详细]
  • 如何高效创建和使用字体图标
    在Web和移动开发中,为什么选择字体图标?主要原因是其卓越的性能,可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程,并提供了专业建议。 ... [详细]
  • 本文详细介绍了如何通过命令行启动MySQL服务,包括打开命令提示符窗口、进入MySQL的bin目录、输入正确的连接命令以及注意事项。文中还提供了更多相关命令的资源链接。 ... [详细]
  • 扫描线三巨头 hdu1928hdu 1255  hdu 1542 [POJ 1151]
    学习链接:http:blog.csdn.netlwt36articledetails48908031学习扫描线主要学习的是一种扫描的思想,后期可以求解很 ... [详细]
  • 本文详细介绍了 MySQL 中 LAST_INSERT_ID() 函数的使用方法及其工作原理,包括如何获取最后一个插入记录的自增 ID、多行插入时的行为以及在不同客户端环境下的表现。 ... [详细]
  • 随着网络安全威胁的不断演变,电子邮件系统成为攻击者频繁利用的目标。本文详细探讨了电子邮件系统中的常见漏洞及其潜在风险,并提供了专业的防护建议。 ... [详细]
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社区 版权所有