请选择 进入手机版 | 继续访问电脑版
查看: 711|回复: 0

触摸大屏设计经验分享——轻易不外传的压箱底干货

[复制链接]

76

主题

78

帖子

526

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
526
发表于 2019-3-11 18:46:14 | 显示全部楼层 |阅读模式
触摸大屏设计经验分享.jpg

无论是在科幻大片还是在现实世界里,触摸屏都是最具逼格的高科技代表。它们不仅仅使用于手机和平板电脑,且随着大数据时代的到来以及可视化技术的发展,超大触摸屏的应用也日渐广泛。而习惯了以手指大小的触点去设计手机及平板的设计师,面对尺寸更大的屏幕的同时,也面临着一些重大挑战。不过,在可视化领域探索多年的万博思图,通过丰富大屏设计项目所积累一些经验,或可作为参考。



1.使用自然的手势交互

在设计超大触摸屏时,设计师不仅要考虑用户手指的动作,还要考虑到整只手的操作。因为相较于手持设备,超大触摸屏更多装置在墙上或桌子上。如果你希望用户能够轻松触摸屏幕,那么动作的触发就应该像在移动设备上一样自然。但与小屏幕相比,在超大屏幕的设备中,大屏幕的滑动触发可能需要更大幅度的动作,点击也可能会需要更大的手指压力,过多的滑动设计对用户来说似乎不大友好。
此外,如何能让用户在浏览内容时不需要大量的滑动操作是需要考虑的问题之一。
“视线扫描”是一个不错的结局按方案。当然,这里的视线扫描并不是指虹膜触控感测一类的高科技,而是基于屏幕的尺寸,以及用户浏览的习惯,设计师针对眼睛从上到下,从左到右的运动特点进行合理的布局设计,确保用户直接轻松的看到最重要的信息。
简单画面_副本_看图王.jpg



2.增大文本和图形的显示比例

更大的屏幕并不意味着可以展示更多信息,事实上大屏是一种特殊的用户体验。触摸屏中的所有内容,包括文字和图形,必须为了适应超大屏幕设计的尺寸而进行放大。首先,用户倾向于从更远的距离进行交互,且需要被具体可见的元素吸引到屏幕上。在没有相关指令的情况下,屏幕元素必须具有导航和清晰的显示功能,触摸目标需要易于查看,并创建明显的交互效果。
放大比例_副本_看图王(1).jpg



3.确保导航始终可用

与首次访问某一网站相似,导航对首次使用超大触摸屏的用户尤为重要。使用导航更容易吸引用户进入设计并与之交互。需要注意的是,设计师要确保用户在访问不同的内容时,导航始终可用。
添加导航模式时,最好采用一般网站普遍使用的导航模式,如将导航栏设置在屏幕上方或侧边栏中。当用户访问不同的内容或页面时,也要尽量确保导航不会消失。虽然主屏幕的设计可能只包含了几个较大的导航按钮,但其它屏幕也最好留有传统的导航格式,以便用户使用。
另外,在这些屏幕上尽量减少基于键盘的输入。此处使用键盘可能会变得笨拙和缓慢,要消耗用户额外的体力。但是,如果确有基于键盘的输入,可在导航中设置一个键盘切换命令,这样用户就可以在需要的时候轻松地显示和隐藏键盘,以获得更好的使用体验。
导航导航_副本_看图王.jpg



4.不要创建太多的选项

屏幕越大,用户选择的余地就越大,需要耗费的时间就越多。不如将按钮和交互看作是如何让用户快速做决定的一个游戏。设计的诀窍在于让他们在尽可能少的元素之间进行选择。此外,有些时候用户的视线无法装下整个屏幕,这在一定程度上限制了选项本身。简化设计的好处是减少设计元素和视觉混乱,创造一个更清晰实用的界面,从而使用户操作更便捷。



5.考虑用户隐私

当涉及到触摸屏访问敏感信息或数据时,用户的隐私是一个值得考虑的问题。用户在公共场所中使用大屏设备,特别是需要输入一些重要信息时,并不意味着他们希望其他人知道自己在做什么。而屏幕越大,其他人就越有可能看到用户输入的内容。
为了解决这个问题,可使用较小的弹窗用于表单或数据输入,这样可最大限度地保证其他人无法看到用户正在输入的信息。
谈谈他那谈 - 副本.png




6.设置明显的交互按钮

有时候需要向用户展示如何与屏幕交互,并不是所有用户都能自主地理解如何在屏幕上进行操作,大多数时候需要向用户展示如何与屏幕交互。
使用诸如动画和按钮之类的视觉提示来帮助引导用户完成整个过程,这种提示设置越明显,用户就越容易理解操作,从而就越有可能与你的产品进行交互。
除此之外,许多触摸屏上涉及激活和开始的屏幕区域也需要设置交互按钮来提示交互,使用描述性的小提示告诉用户如何对设备进行操作,以及完成整个使用过程。因为如何使用界面并不是用户需要研究的问题,索性,不如让交互变得容易点。
交互_副本.jpg



回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

热门推荐

机场智慧监控大屏如何帮助机场“日理万机”
机场智慧监控大屏如何帮助
W-Max大屏模板持续更新中! 这次,我们根据大家在后台的反馈和市场需求,新增了两类智
W-MAX 8月更新!新增3大亮点功能
W-MAX 8月更新!新增3大亮
本次更新我们对W-MAX可视化大屏新增了动画、预警、数据轮播3大功能。让大屏设计
我们是简单的,我们是快乐的!
我们是简单的,我们是快乐
一叶知秋,霜华满天。忙忙碌碌的工作中,八月悄然来临。 或许忙碌的工作是生活的常
大屏背景设计进阶
大屏背景设计进阶
在大屏设计中,大屏背景的作用不容忽视。一个好的背景,不仅能增加大屏的层次感和趣
W-Charts | 图表制作的6大雷区,一不注意就踩了!
W-Charts | 图表制作的6大
​自从入坑图表,好多人都飘了。基础的饼图、柱图、折线图早已经满足不了我们对酷炫可
数据可视化案例-精于内,华于形
数据可视化案例-精于内,
数据可视化——携手京东共同打造“真”数据“硬”实力
数据可视化——携手京东共
​电商数据可视化,对于电商而言,什么是最重要的,回答是数据。有品牌销量数据,排
©2001-2018  Comsenz Inc.  Powered by©Discuz!   
快速回复 返回顶部 返回列表