大屏幕智能手机网站设计的考虑。

2020年09月08日 标签: 手机网站设计 网站开发 交互设计

随着智能手机的不断扩大,但我们的双手却没有,哪种设计解决方案可以确保移动交互始终保持舒适,快速和便捷?这里有一些可供考虑的选择...

拇指设计

史蒂文·霍伯(Steven Hoober)在?对1333次使用智能手机的观察进行分析时发现,约有75%的人依靠拇指,而49%的人依靠单手握把来完成他们在手机上的工作。在大屏幕(超过4英寸)上,当人们尝试触摸位于设备顶部的控件时,这些行为会使拇指超出其舒适区域。

1.jpg

举例来说,我每天在收听Amazon的Music应用程序时都会遇到此问题。浏览音乐(我经常使用)的主要控件位于屏幕的左上角-可以说是单手使用的最糟糕的地方。要在更大的智能手机上使用它,我需要将握把重置到手机中央或切换为双手使用。但这不一定是这种方式。

2.jpg

操作系统级解决方案

为了考虑像Amazon Music这样设计的现有应用程序,移动操作系统创建了系统级别的功能,这些功能使顶部对齐的控件可访问。苹果将此解决方案的版本恰当地称为Reachability。

使用“可达性”功能,快速双击手机的“主页”按钮可将应用程序滑到屏幕的一半。这使得以前无法访问的控件可以访问。尽管这很好,但现在将一个简单的一键式操作变成了三个。

3.jpg

可达性还具有自动超时。点按两次即可放下控件,然后查看下一步需要做什么,该应用程序已移回顶部,需要再次点按“主页”按钮。这是一种微不足道的舞蹈(希望如此)。

边缘滑动手势

尽管很难将拇指操纵到大型移动屏幕的左上角,但从屏幕边缘沿设备底部轻扫并非易事。这种“边缘滑动”手势可以用作访问距离拇指区域较远的控件的一种简单的替代方法。

4.jpg

但是,像所有手势控件一样,这种菜单访问形式是看不见的,因此经常会被忽略。换句话说,您必须知道该手势存在,并记住在需要时使用它。因此,它通常不能替换顶部的可见菜单控件,但可以对其进行补充。

此外,边缘滑动解决方案不仅使进入菜单更容易单手使用,在菜单中没有对内容的访问。

底部定位

为确保通过单手或一键交互轻松完成重要的常用操作,我们需要考虑将控件重新定位在屏幕底部。该解决方案不仅解决了可达性问题,而且还可以改善各种其他重要指标。Facebook在最近的测试中发现, iOS应用程序中的底部标签栏解决方案还提高了参与度,满意度,甚至提高了速度感。


5.jpg

在Amazon Music应用程序中,我们不仅可以将菜单放置在屏幕底部,而且还可以重新排列其中的选项,以确保最常用的选项显示在屏幕底部附近。这样可以快速访问菜单及其内容。

浮动动作按钮

尽管许多设计解决方案可以在多个操作系统上很好地工作,但是有时我们在设计中要考虑重要的差异。

例如,在Google的Android OS上,屏幕底部保留用于系统导航栏。这意味着放在屏幕底部的所有控件都非常接近系统范围的操作,因此容易出现错误。实际上,Android的准则明确指出“ 请勿使用底部的标签栏”。

不过,在Google较新的Material Design规范中,还有一种替代解决方案,即浮动操作按钮。浮动动作按钮是一种特殊类型的提升动作,并突出显示在UI的其余部分之上。通常,这些操作不是导航控件,但就Amazon Music应用而言,考虑到使用频率,导航是值得推广的一种情况。

6.jpg

转自海外:https://www.lukew.com/ff/entry.asp?1927

» 本文链接地址:https://www.ccxcn.com/news/company/5055.html » 转载请注明出处,谢谢。