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

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

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

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

  

 

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

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

  

 

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

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

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


推荐阅读
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 如何在PHPcms网站中添加广告
    本文详细介绍了在PHPcms网站后台添加广告的方法,涵盖多种常见的广告形式,如百度广告和Google广告,并提供了相关设置的步骤。同时,文章还探讨了优化网站流量的SEO策略。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • 本文详细探讨了HTTP 500内部服务器错误的成因、解决方案及其在Web开发中的影响。通过对具体案例的分析,帮助读者理解并解决此类问题。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • C++实现经典排序算法
    本文详细介绍了七种经典的排序算法及其性能分析。每种算法的平均、最坏和最好情况的时间复杂度、辅助空间需求以及稳定性都被列出,帮助读者全面了解这些排序方法的特点。 ... [详细]
  • 本文基于刘洪波老师的《英文词根词缀精讲》,深入探讨了多个重要词根词缀的起源及其相关词汇,帮助读者更好地理解和记忆英语单词。 ... [详细]
  • 本文将详细介绍如何使用剪映应用中的镜像功能,帮助用户轻松实现视频的镜像效果。通过简单的步骤,您可以快速掌握这一实用技巧。 ... [详细]
  • 题目描述:给定n个半开区间[a, b),要求使用两个互不重叠的记录器,求最多可以记录多少个区间。解决方案采用贪心算法,通过排序和遍历实现最优解。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 当iOS设备越狱后,某些插件可能会导致系统崩溃(白苹果)。此时,可以通过进入安全模式来排查并删除有问题的插件。本文将详细介绍如何通过特定按键组合进入不加载MobileSubstrate的安全模式,并提供相关背景知识。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • C++: 实现基于类的四面体体积计算
    本文介绍如何使用C++编程语言,通过定义类和方法来计算由四个三维坐标点构成的四面体体积。文中详细解释了四面体体积的数学公式,并提供了两种不同的实现方式。 ... [详细]
  • 如何优化2060显卡设置以提升《Apex英雄》游戏体验
    《Apex英雄》作为一款热门的战术竞技游戏,吸引了大量玩家。本文将探讨如何通过优化GeForce RTX 2060显卡设置,确保在《Apex英雄》中获得最佳性能和流畅的游戏体验。 ... [详细]
  • 本文介绍了如何使用PHP代码实现微信平台的媒体素材上传功能,详细解释了API接口的使用方法和注意事项,确保文件路径正确以避免常见的错误。 ... [详细]
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社区 版权所有