当前位置: 首页 > 科技观察

手机屏幕越来越大,UX设计师面临哪些挑战?

时间:2023-03-20 02:03:42 科技观察

编者按:自2017年iPhoneX上市以来,全面屏手机逐渐流行起来。从iPhone8的4.7英寸屏幕到最新iPhone11的6.1英寸屏幕,再到ProMax系列的6.5英寸屏幕,各种刘海屏、水滴屏、挖孔屏、折叠屏屏幕和其他屏幕方法已经出现,物理Home键被摒弃,改为虚拟键,甚至没有虚拟键的手势滑动操作。而这些手机都有一个共同的特点,那就是屏幕尺寸越来越大。随着屏幕尺寸变大,手机的持握方式和界面交互方式也随之发生变化。设计也应该相应地改变吗?拇指的操作范围就像用一只手点击屏幕,需要手的操作。它足够灵活,可以执行一轮操作以到达屏幕顶部。过程中稍有不慎,手机就会掉落在地。笔者的手机屏幕修了好几次,都快赶上二手手机的价格了。2013年,国外设计师StevenHoober发表了一份研究报告《手机界面设计》,对1300名手机用户的量化研究数据:根据当时的研究数据可以看出,近一半的用户是单手使用手机(当然比现在更多)。用户单手操作时,实际拇指可以触及的区域如下图所示。绿色区域是拇指的正常操作区域,黄色区域是拇指可以触摸的最大范围,红色区域是比较难触摸的区域。不过这份研报中的数据是2013年发布的,那时候还没有全面屏。如果将上述研究结论的面积套用到目前的手机屏幕尺寸上,顶部的红色区域所占比例会更大。以iPhone11的尺寸比例为参考,如下图:拇指的操作范围约为面积的2/3。可以看出,红色区域很难触及。正是因为这份报告只适用于当时的手机市场,今天已经不适用了。因此,有必要重新考虑如何为大屏手机设计界面。针对拇指区域进行设计根据2020年手机UX设计的趋势,大屏设计将成为热点。数据报告显示,2018年10月用户使用大屏手机的比例为16.3%,到2019年12月,这一数字已经上升到41%,未来随着更多新机型的出现,这一数字还将继续上升。.随着大屏手机的普及,意味着设计者在设计界面时,必须针对大屏手机的使用场景调整界面,避免出现难以使用的用户体验问题。以下是我整理的一些设计建议:1.将页眉区设计得更高通过扩大标题栏的信息区,尽量让主要操作内容更靠近拇指区。2.常用的导航和操作放在底部。与顶部的导航栏相比,将导航和重要操作尽量放在屏幕底部更适合大屏手机。3.手势操作页面切换和返回抖音和Instagramstory等短视频应用界面都是通过手势滑动屏幕来切换页面。操作学习成本极低,主要操作在屏幕下方。这种操作方法在今年也会越来越多地被使用。4、提示弹窗从底部升起常用的弹窗大多设计为在屏幕中间弹出。为了适应大屏幕,尝试从底部弹出。可以轻松选择关键选项以提高转换率。5、使用大卡片屏幕尺寸变大后,使用整张大卡片可以让用户更专注于浏览内容,大面积的图片和留白也可以增加用户的点击欲望。此外,作为手机厂商,在发布大屏手机时,对界面操作做了一些相应的系统级设计调整,比如界面下拉悬停、键盘单手模式、屏幕边缘向后滑动等。综上所述,大屏幕尺寸已经是一种趋势。大屏意味着可以更大程度的展示内容,有利于产品提供更多的服务,不再纠结于不能在首屏展示主要内容。在这个信息爆炸的时代,用户已经不满足于在小屏幕上浏览。可以说,大银幕已经是不可逆转的趋势。设计师与其担心问题,不如思考如何适应产品的快速迭代,不断更新自己的设计思维模型,更全面地思考问题,产生更合理、更好的设计方案。希望本文的内容能对您有所启发。