不可否认,随着科技的发展,手机开始向“大”趋势发展。 如果你拿今天最新的iPhone和最初版的进行对比的话,不难发现,最原始的iPhone看起来非常小。 所以,对于大屏手机具有新的设计考虑和要求就应该被提上你的考虑范围了。 接下来让我们深入了解一下相关的知识。
备受期待的三星Galaxy S10将于今年晚些时候问世。 不过,你的网站设计准备好进行更新了吗? 这款手机将配备一块6.7英寸的超大显示屏 - iPhone XS Max的显示屏尺寸为6.5英寸,而许多常见设备的显示屏尺寸为5.5英寸或更大一点 - 这一点非常重要,因为你正在创造一种能够让我们称之为“平板电脑”的产品。
在设计似乎不断变大的手机屏幕时,请记住以下几个注意事项。
1.优先考虑内容
不要让用户猜测移动设计的重要性。 屏幕上三分之二的区域应该清楚地传达设计中最重要的元素。
其余的位置应包括次要元素或行动按钮(如果此内容与主要内容元素相关,则实际上可以将该比例再调整大一些)。
在考虑此优先级内容时,请创建一个包含三个元素的设计组 - 图像,短文本和参与内容。
· 图像应该注意是可以向用户显示设计主体的内容;
· 短文本信息,帮助用户了解他们为什么在这里以及他们应该做什么;
· 参与内容是指滚动或填写表单的按钮或邀请,它告诉用户下一步该做什么。
2.创建有意义的导航
移动导航在不同屏幕上可能遵循不同的模式。
无论你喜欢与否,汉堡包菜单已成为小屏幕上的标准配置。 但它可能不是大型移动屏幕的最佳选择,因为你将有更大的空间和机会来获得更大的导航元素。
想想iPhone屏幕底部的那一排固定元素或移动浏览器下半部分的标准按钮。 屏幕底部较大的按钮式导航可以成为这些大型移动设备的理想选择,例如Calm app(上图)。
用户已经习惯了长久以来一直在使用的用户模式,并且你实际上有空间将信息放在那里。 底部导航还可以提供一个机会来吸引用户与设计进行交互。
访问不同的内容时,请确保导航不会消失 - 即便意味着它的格式将略有不同。
3.手(和拇指)大小问题
有一段时间,我们假设每个人都用一只手握住手机并用拇指触及关键内容区域和按钮。
不过现在的手机尺寸可能将改变这种假设! 越来越多的用户开始用双手握住设备,改变那些以往的触摸模式。 我经常拿着手机——一个6.5英寸的iPhone,使用两只手,用两个拇指来导航内容(使屏幕的中心成为一个关键区域)。 我也使用相同的“双拇指模式”进行文本输入。
手较大或较小的人可能不会以相同的方式进行交互。 很容易看出单拇指伸展区域可能不再符合标准(这就是为什么你会先到线下体验店进行实际操作,看看如何在实际过程中持有和使用它们。它可以极大地影响设计)。
4.考虑排版尺寸
不要忘记排版和文字选项。
使用更宽的屏幕,意味着你可能需要重新调整字体大小和间距等一系列相关的参数。 建议的阅读大小仍然是每行35-55个字符和空格。 行间距应该至少比文本大小大1.5倍。
5.保持形式简洁
即使在较大的手机上填写表格可能更容易,也不要试图收集用户的过多信息。
保持形式的简洁,通过电子邮件跟进以获取更多信息(这样用户可以选择在手机和桌面设备上输入同样简短的信息)。
用户的注意力时限很短,移动设备上的注意力可能是你遇到的最短的。 当你想要抓住用户的注意力时,简洁形式更有可能成功。
6.滚动
手机用户非常接受滚动操作。 只要确保为他们留出足够的空间(这是在所有大型设备上保证实际运行良好的第一件事)。
合理的设计画布的可用部分,以便用户在尝试向下移动页面时不会意外地点击其他项目。 虽然用户不介意滚动,但如果它成为挑战,他们会迅速放弃这个想法。
在设计方面,所有这些意味着你应该在边缘留下一些额外的填充以增强滚动体验。 拥有更大的视觉窗口,应该没什么大不了的!
7.明智的使用视窗
不要仅仅因为屏幕越来越大而不愿意再对专栏类型的排版感到着迷,坚持使用一栏式。 它更容易阅读,并为用户提供更简化的焦点区域。
并且不要因为你有更多的垂直空间而试图填补太多信息。
将视窗视为一次提供一个动作或交互的机会。 你想让用户在这做什么? 不要将屏幕与其他元素或想法混杂在一起。
8.考虑内容放置
当你浏览你的手机的时候,看到的第一个地方是哪里? 与其他设备不同,手机上的注意力追踪通常从中间开始,而不是在屏幕顶部。
尝试在屏幕的这一部分放置关键元素,号召性用语或互动元素。
最近,我一直沉迷于切片游戏,这个游戏中的元素在位置上很好的体现了这一点。 注意关键元素如何位于中心,周围的触摸点又是如何放置的。 你甚至不会花太多时间看其他边缘元素。
避免将关键内容或按钮放在屏幕的最顶部或角落。 这些是手持设备上最困难的位置(它们也是扫描内容时眼睛最后停留的位置)。
总结
在设计更大的手持设备网站设计时,关键的一点是你可能应该自己实际体验一下。 看看你的手是否可以轻松的控制页面上的内容。 你的手指在哪里? 你是如何管理手机和互动的?
虽然我们所知道的关于设计的所有理论和事物都适用于这些设备,但它也可能会让我们走上一些弯路,因为你必须考虑交互如何以不同的方式工作,具体取决于屏幕的大小。 这是一个你不会遇到依赖于鼠标引导交互的传统桌面的问题,因此请给自己时间考虑一下。