7个针对超大触摸屏的设计技巧(1)

来源:网络   作者:热心网友   发布时间:2018-02-05    浏览次数:65
收藏到:

随着科技的发展以及普及,触摸屏的应用现在几乎随处可见,不只是在你的手机或平板电脑上。相较于台式电脑的尺寸或更大的尺寸要求,超大触摸屏版本的网页设计可能会是一个独特的挑战。


当你还习惯于通过拇指区域来思考屏幕的相关设计时,你需要怎么在如此“庞大”的界面中设计相关的内容和元素呢?今天,我们整理了一个指南,关于超大触摸屏的设计思考以及如何在超大的触摸屏上创建合适的用户交互。


1.使用自然的手势


“右击”和“左击”之所以如此受欢迎,是因为它们是自然的手部动作和手势。

当考虑超大屏幕时,不要只考虑手指的动作。你需要想想整只手,大多数用户将不得不接触到更大的触摸屏,因为相较于手持设备,它们可能是贴在墙上或放置在桌子上的。

如果你想让屏幕在接触起来更舒服的话,动作应该像移动设备一样无缝。但是在进一步考虑触摸动作,移动或点击可能比在一个较小的屏幕或设备上可能会稍微更加需要一点压力。

对于超大屏幕还有一点可能比较头痛的就是滚动了,试想一下,在较长距离上不断移动手臂上下反复可能导致疲劳,所以思考如何让用户无需大量的上下运动来浏览所有的内容。

另一个自然的“手势”就是眼睛浏览的习惯了。一些超大的屏幕实在是太大了,用户可能一次并不能完全浏览所有的内容。所以,你应该合理的根据眼球运动(从上到下,从左到右)的习惯设置内容的“路径”,以确保用户看到最重要的信息,并了解如何才能与之交互。


2,增大文本和图形的比例

这种情况通常不会经常发生——设计师必须夸张的放大视觉元素,以便在超大屏幕上显示。更大的屏幕并不意味着更多的东西,把它看作一种不同的用户体验,内容,包括文字和图形,必须放大到能够适应超大屏幕设计的范围,因为:

· 用户倾向于从更远的距离进行交互,但仍然需要查看和区分元素。

· 用户需要被具体可见的元素引诱到屏幕的内容中。

· 用户需要看到视觉提示,帮助他们识别如何使用屏幕以供公众使用。

· 屏幕元素需要无需指导即可导航和干净的显示。

· 触摸目标需要很容易被看到,并创造明显的互动效果。


3.确保导航始终是可访问的


大多数用户对于使用超大触摸屏和第一次访问网站设计有一样的心态。所以,通过模仿这种体验将很容易让用户习惯并与之交互。

你可以为这些设备创建始终可以被访问或找到的导航。使用类似于通常可接受的网站模式的格式,如在屏幕的顶部或边栏放置。

当访问不同内容或跳转到不同的页面时,确保导航不会消失。尽管主屏幕设计可能只包含一个或几个大型导航按钮,而没有传统的导航菜单,但是在其他的屏幕都应该具有更易于使用的传统导航格式。

在这些屏幕上尽可能减少基于输入的内容。在大型的屏幕上,键盘尤其笨拙,而且在速度上也很慢,需要用户额外的体力劳动。但是如果你有基于键盘的输入,在导航中包含一个键盘切换命令,这样用户就可以在需要时轻松显示和隐藏键盘。

12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7086.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通