1、每屏幕一个想法
在为移动设备折叠内容时,尝试对各个元素进行规划,以便每个屏幕都有一个元素。即使手机似乎再次趋于更大尺寸,也不要试图在屏幕上塞满大量信息!
每个屏幕一个想法就够了。任何更多,你冒着压倒用户的风险。
移动设备用户倾向于多任务。在参加棒球比赛时,他们在与朋友交谈时正在看你的网站。通过保持简单和直接的信息和内容,您有更好的机会让单个想法得到沟通。
但是,一个人的想法是什么样子?这是一个文本,图像和可操作的元素块都捆绑在一起。内容组应该要求用户做出一个选择:你想这样做吗?
2、优先导航
在访问您的网站的移动(响应)版本时,应该有一些用户倾向于做的事情,或者您希望他们做的事情。确保有易于遵循的导航功能,可以让用户快速访问这些元素。
虽然一个包含多个级别的十个导航选项菜单可能会在您的桌面网站上运行,但移动用户通常会有更多的时间紧迫。他们无意在网站周围徘徊,直到他们发现某些东西。
导航需要简单和精简。如果您不确定从哪里开始,请查看您的移动用户分析。访问的前三四页是什么?这些页面是否符合你的期望?您找到了关键的导航元素,因此您可以相应地调整移动内容。
3、像一个搜索引擎一样思考
不要玩这个算法。创建用户想要阅读的高质量内容。
无论您每天获得10次综合浏览量,还是数百万次浏览量,当涉及到移动设备上的内容时,您都希望像搜索引擎一样思考。每一个字,图像和内容都需要快速搜索。但不要玩这个算法。创建用户想要阅读的高质量内容。
当谈到移动时,这可能意味着削减一些内容元素。例如,选择一张最重要的照片,而不是在主页上显示三张图像。不要轻视你的手机网站; 网速和Wi-Fi一直在变得越来越好,但一些用户会与连接发生冲突,并且您的网站仍然需要访问。
您可以使用Google提供的这款漂亮工具来检查移动网页的速度,这可以帮助您保持一切优化。
4、使文字更大
较小的屏幕不应该意味着较小的文字。实际上,您应该增加磅值以使内容更易于阅读和消化。看看你的身体副本,并选择一个允许每行30到40个字符的大小。(这是桌面屏幕推荐的一半左右)。
还有其他一些技巧可以使文本在小屏幕上更具可读性。您可以在以前的Design Shack文章中找到有关设计更好的移动排版技巧的文章。