一个好的设计总是在内容上。为了更充分地表达和匹配用户体验,您可能不得不调整和更改内容设计。 但是你应该从哪里开始呢?内容如何适应移动设备并无缝工作?我想你可能想开始考虑用户如何与小屏幕交互,以及他们如何影响(以及他们能影响的程度)。
1.只需在每个屏幕上保留一个重要的信息(想法) 当移动设备的内容设计看起来很混乱时,试着重新规划页面元素(这在网站设计项目中是一样的),你必须确保每个屏幕都包含更重要的视觉或信息。即使手机越来越倾向于更大的尺寸和分辨率,也不要在屏幕上引入太多的信息! 在每个屏幕上保留重要信息就足够了,你可能会冒着吹嘘用户的风险。
像往常一样,使用移动设备的用户更倾向于处理更多。他们可能会在观看您的网站设计时,你还在看棒球比赛或者和伴侣聊天。通过保持信息和内容简单明了,你有更好的机会传达一个想法,更容易被用户吸收(因为页面上没有其他干扰)。 但这个想法的细节是什么呢?它可以是一组文本、图像和可操作元素。用户应该选择内容的组合:你想这样做吗?
优先导航
当用户访问您的网站设计或移动(相关)版本时,应该有用户可以做的事情,或者您希望他们做什么。确保您的导航能够准确有效地引导用户快速获取信息或元素。 虽然有10个不同级别的导航选项的菜单可以在你的桌面网站上正常工作,但移动用户通常更紧张。他们偶然发现了这个网站,目的是找到他们需要的东西。 因此,移动导航必须尽可能简单和流线型。如果你不确定从哪里开始,你可以在网上找到它。分析移动用户的行为,以帮助您获得想法。用户经常访问的前三到四页是什么?访问这些页面是否符合您的期望?有了这些信息,您可能会找到关键的导航元素,下一步是调整移动设备的内容。
3.从搜索引擎的角度思考 无论你每天浏览多少页面,你都必须考虑移动设备上的内容,比如搜索引擎。必须快速找到并记录每个单词、图像和内容。不要太担心和逃避搜索引擎算法。你所要做的就是创建用户想要阅读的高质量内容。 在移动端,这可能意味着你需要切割一些内容元素。例如,主页上有三张图片,选择强烈的照片就足够了。不要失去平衡,网络速度和wifi技术总是在改进,但你不能保证所有用户都在使用高质量的网络。 在这方面,你可以使用它Google检查移动页面的速度,以帮助您保持所有优化。
4.使文本内容更大 小屏幕并不意味着你需要更少的文本。事实上,你应该增加一些大小,使内容更容易阅读和消化。看看你的沉阳文本塑料托盘,选择一个更合适的尺寸,每行保留30到40个字符标准约为网页设计桌面版的一半)。 小屏幕上还有其他技巧,使笔和墨水更容易阅读和理解。你可以在以前DesignShack找到关于如何设计更好的移动文本布局技术的文章。
5.网站建设微观内容的意义 微内容的质量可以在网站设计中实现或破坏(如按钮等内部元素),这在手机上是一样的。微内容有助于设计增加个性和注意力。它还需要能够传达一些有用的信息,以帮助用户在设计中找到自己的目标。 特别是在移动设备中,考虑使微内容比平时大一点,并始终使用它来指导用户。 你可以尝试考虑日常生活中常见的问题,比如你通过移动设备付款。填写表格可以跨越多个屏幕或滚动时延长距离,微内容作为指南,使用户在操作时更容易准确填写所有内容。
6.消除不必要的元素
在PC端网页设计,类似旋转的动画和视差滚动看起来很棒,但在移动版本中,这些结果可以直接删除。删除移动端不需要的所有设计结果。您希望快速无缝地加载所有内容,这些效果可能会阻碍您与用户之间的直接有用链接。
您可能需要删除的另一个结果是悬停结果。对于触摸在线营销,没有浮动。 将移动用户体验简化为易于理解的点击功能(替代点击)也可以提供明确的反馈。你不想让用户质疑移动是否发生,这应该很明显。