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