1、每屏幕一个想法
在为移动设备折叠内容时,尝试对各个元素进行规划,以便每个屏幕都有一个元素。即使手机似乎再次趋于更大尺寸,也不要试图在屏幕上塞满大量信息!
每个屏幕一个想法就够了。任何更多,你冒着压倒用户的风险。
移动设备用户倾向于多任务。在参加棒球比赛时,他们在与朋友交谈时正在看你的网站。通过保持简单和直接的信息和内容,您有更好的机会让单个想法得到沟通。
但是,一个人的想法是什么样子?这是一个文本,图像和可操作的元素块都捆绑在一起。内容组应该要求用户做出一个选择:你想这样做吗?
2、优先导航
在访问您的网站的移动(响应)版本时,应该有一些用户倾向于做的事情,或者您希望他们做的事情。确保有易于遵循的导航功能,可以让用户快速访问这些元素。
虽然一个包含多个级别的十个导航选项菜单可能会在您的桌面网站上运行,但移动用户通常会有更多的时间紧迫。他们无意在网站周围徘徊,直到他们发现某些东西。
导航需要简单和精简。如果您不确定从哪里开始,请查看您的移动用户分析。访问的前三四页是什么?这些页面是否符合你的期望?您找到了关键的导航元素,因此您可以相应地调整移动内容。
3、像一个搜索引擎一样思考
不要玩这个算法。创建用户想要阅读的高质量内容。
无论您每天获得10次综合浏览量,还是数百万次浏览量,当涉及到移动设备上的内容时,您都希望像搜索引擎一样思考。每一个字,图像和内容都需要快速搜索。但不要玩这个算法。创建用户想要阅读的高质量内容。
当谈到移动时,这可能意味着削减一些内容元素。例如,选择一张最重要的照片,而不是在主页上显示三张图像。不要轻视你的手机网站; 网速和Wi-Fi一直在变得越来越好,但一些用户会与连接发生冲突,并且您的网站仍然需要访问。
您可以使用Google提供的这款漂亮工具来检查移动网页的速度,这可以帮助您保持一切优化。
4、使文字更大
较小的屏幕不应该意味着较小的文字。实际上,您应该增加磅值以使内容更易于阅读和消化。看看你的身体副本,并选择一个允许每行30到40个字符的大小。
还有其他一些技巧可以使文本在小屏幕上更具可读性。您可以在以前的Design Shack文章中找到有关设计更好的移动排版技巧的文章。
5、写有意义的显微镜
伟大的显微镜 - 按钮等元素内的文字 - 可以制作或破坏设计。微镜可以为设计增添个性和火花。它还传达大量信息,并帮助用户找到解决方案。
尤其是在移动设备上,请考虑使显微镜比正常情况稍微大一些,并始终以形式使用它,以帮助用户确切地知道该做什么。
例如,考虑在为手机付款时遇到的常见问题。表单可以跨越多个屏幕或卷轴; 引导显微镜可以使第一次正确填充所有内容变得更容易。
6、删除移动设备的不必要的影响
删除您不需要的任何移动设计。
在桌面网站上旋转动画和视差滚动功能看起来很棒,但可能会让手机版本停滞不前。删除您不需要的任何移动设计。你希望一切都能快速无缝地加载; 动画可能会或可能不会影响与用户立即连接的方式。
你可以去掉另一个效果?悬停效果。触摸动作没有悬浮状态。
通过简单易懂的点击功能简化了移动用户体验(取代点击),这些功能具有明显的反馈意义。您不希望用户质疑是否有行动发生; 它应该永远是显而易见的。