给超大触摸屏设计UI?7个建议也许可以帮到你

触摸屏无处不在,它不仅仅存在于你的智能手机和平板电脑上。而为大触屏进行设计——大到电脑的尺寸甚至更大——会带来一系列的挑战。

你如果是个UI设计师,肯定经常考虑拇指区域和屏幕尺寸等,而当你面临一个非常大的触摸屏设计时怎么办?这篇指南就是关于这方面的思考,指引你如何在更大的触摸范围内创建和用户进行交互的界面。

01.使用自然手势

19571328 - design, sharing - 给超大触摸屏设计UI?7个建议也许可以帮到你

“向右滑动”和“向左滑动”是备受欢迎的动作,因为它们迎合了自然的手部动作和手势。

但在大屏幕上就不是这样了,手指操作只是你考虑的一小项。想想手部的整体运动?大多数用户可能不得不将手伸得老长来完成这个操作,因为这些屏幕可能是被贴在墙上或镶嵌在桌子上,而不是手持状态的!

你会希望大屏幕的操作是舒适的,那么的确应该引入一些移动设备惯用的操作来无缝运行。思考一下这些动作应该怎么设计:触摸动作的压力阈值应该比在小屏幕上更大一些,而滑动的触发也应该需要稍微夸张些的动作。

滚动可能不是个很舒适的操作,反复上下移动手臂是比较费力的,这就要求你思考如何让用户在浏览时不需要太多的上下滚动。

另一个称不上手势的动作是眼睛扫描。一些屏幕的尺寸太大,用户不可能一下子就看完所有内容,这时就需要迎合眼球的运动进行布局设计——从上到下,从左到右——确保用户看到最重要的信息,并了解到如何和它进行交互。

02.放大文本和图形

一般来说,设计师不会需要大幅度地放大某个元素来填满一个超大的屏幕,但也不会用超多的小元素填满它。大屏幕并不意味着更多的信息载量(反之亦然),但会意味着不同的用户体验。包括文字和图片在内的所有内容都必须为超大屏幕进行设计,因为:

  • 用户倾向于从更远的距离进行交互,但仍需要查看和区分屏幕上的元素
  • 屏幕需要从远方吸引用户,比如像书报亭那样
  • 用户需要看到视觉提示,以确定这个屏幕是开放给公众使用的可互动的
  • 屏幕元素应不需额外指引就可以被理解、使用和导航
  • 交互对象需要容易查看,并有明显的可交互设计进行提示

03.确保导航元素随时可用

80266271 - design, sharing - 给超大触摸屏设计UI?7个建议也许可以帮到你

大多数用户是持有浏览新网页的思维来接触大屏幕的,所以模仿这类体验将很容易让用户理解并进行更多互动。

因此可以为这些开放给公众的触摸设备创建一个导航,并使用类似于网站的网格式排版来安放它们,比如屏幕顶部导航或侧边栏导航。

请确保在浏览不同内容的时候导航不会消失。你的主屏幕可以设计成不包含这个导航的漂亮引导页,但内部的内容应该都包含传统模式的导航,这将方便用户使用。

尽量在大屏幕上减少打字输入的需求,因为键盘会变得更加笨拙和缓慢,给用户一个消耗体力和时间的任务。但是如果确实有这方面需要,请在导航中加入键盘切换的选项,以便用户可以自由地显示或隐藏键盘。

04.不要创建太多选项

屏幕越大,越有可能出现选项复杂的情况。最好把按钮和交互操作看成一个游戏,让用户一次只做一个决定,最好可以让他只在两个选项中做选择。

这个概念可以带来的一个好处是你可以简化设计,每个页面只给出两个选择,这样设计元素和视觉混乱就会减少,交互的可用性就会增强。

在设计选项时,也要确保含义清晰。用户如何在两个内容间做出选择?按钮应该显而易见地告诉他们,并且需要足够大让他们便于触摸,甚至可以引入小动画来吸引注意力到可交互元素及推荐选项上。

根据屏幕的大小,你可能需要简化选项。请记住,整个屏幕未必会在用户的视野中,这可能会限制选择本身。如果你提前做好了简化工作,就可以适应更多环境。

05.考虑隐私

37979915 - design, sharing - 给超大触摸屏设计UI?7个建议也许可以帮到你

并不是用户走到了一个开放给公众的屏幕面前,就意味着他愿意让别人知道他在做什么。

请记住,屏幕越大,其他人就越有可能看到用户操作,尤其是在涉及敏感信息或数据时,你需要慎重考虑。

解决这个问题的方式,通常是设计一个基于触摸位置出现的较小的表单或弹出框,这样远距离就看不到相关内容了。

06.断开Web连接

36815334 - design, sharing - 给超大触摸屏设计UI?7个建议也许可以帮到你

当涉及到大触摸屏时,这是最重要的问题之一。有时候他们会需要在互联网连接不通畅的时候被使用!

想一想,各种大小的屏幕在公共场合里琳琅满目,但互联网访问难以保证永远通畅。所以必须设计出即使没有互联网连接,也能全部或部分工作的设备,这样才能在网络断开的情况下保证基本的功能。

为了解决这个问题,你需要在本地存储一份用于显示的数据(从JavaScript文件到字体文件再到图片等),甚至是一个临时的数据库。

07.设计显而易见的交互按钮

30762160 - design, sharing - 给超大触摸屏设计UI?7个建议也许可以帮到你

你的设计需要告诉用户如何与屏幕交互,毕竟不是每个用户都可以立刻知道从哪里可以和屏幕互动的(比如有的大屏幕采用了类似笔记本电脑触摸板的设计,有单独的交互区域)。

使用动画和按钮等视觉提示,可以指导用户完成这个过程。大多数大屏幕提供的都是一次性互动或单点互动,只是每个互动都产生不同的效果。用户越容易使用,就越容易正确完成交互。

很多触摸屏都设计了完全可交互区域,比如开始屏幕,会提供一个按钮来提示你如何进行交互。这种设计不会影响美观,而且可以告诉用户如何操作设备。

加入描述性的小字,比如“触摸这里开始”等来引导用户完成整个过程。虽然这些元素对你来说可能十分明确,但不是所有用户都知道怎么使用这类东西的,让它变得更简单是有益处的。

 

英文来源:DesignShack

英文标题:7 Tips for Designing for Oversized Touchscreens

原作者:Carrie Cousins

翻译:卡米雷特

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!


您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注