童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

大尺寸触屏:有何不同?

3月7日 不星湖投稿
  摘要:大尺寸触屏的相关设计需要特别注意输入、屏幕焦点和个人隐私。
  在这个需要考虑各种屏幕大小和尺寸的年代,侧重小屏幕已成为一种常识。我们的设计和交互主体必须要在最小的屏幕上也能正常工作,比如手机和智能手表。众多设计团队都致力于不断调节和优化小尺寸设备的菜单、交互、内容和体验。
  然而,其他屏幕的尺寸却在不断增且越来越多的屏幕支持触摸。些笔记本电脑和台式电脑也配备了触屏。如今已有一些大型平板电脑面市,如24寸触屏NabiBigTab(图1),再例如特斯拉的17寸触屏。因为屏幕尺寸是按照对角线计算的,所以特斯拉的17寸屏实际上是ipad9。7寸屏面积的三倍。而NabiBigTab的屏幕面积是ipad的六倍。
  图1:(译者配图,非原文配图)NabiBigTab
  就好比移动小屏里的设计与台式电脑的大不相同,为大型触屏而设计也要考虑一系列不同的因素。适用于鼠标操作的大屏的设计不见得适于大型触屏;适用于小型平板的也不见得能在大尺寸触屏上行得通。
  在为大尺寸触屏做设计的时候我们都需要考虑什么呢?接下来我介绍一下我和家人使用NabiBigTab的体会,这是一款面向家长和孩子的24寸平板电脑。(作为设计师的福利之一就是可以时不时地以研究之名添置新玩意儿。)我的重点不在设备评论,也不在特定应用或游戏的易用性分析;而是探讨设备尺寸和比例对其体验的影响。
  输入:打字,表格,和手势
  屏幕上的虚拟键盘输入时常让人觉得别扭。当键盘同24寸设备一同放大的时候,这份尴尬显得更加突兀了。在BigTab上每按一个键都需要运动一次手臂,只动手或手指是做不到的。在这种尺寸的虚拟键盘上别说拇指输入了,就连以常规姿势输入都不可能。想不动胳膊就够到所有按键?没门儿!另外,大屏还意味着键入结果显示的位置也离键盘也有一定的距离。在小屏设备上键盘的位置足够接近输入框,扫一眼就可以检查拼写。而在大屏上输入框离键盘有一定距离,每按一个键都要转移目光。
  视觉注意力的分散
  和手臂运动让每个按键动作都感觉像是一个独立的行为。这种独立行文因为需要一定工作量会引起我们的注意,而非不可感知的。
  至于表单页面,虽然大屏本该露出更多内容但巨大的BigTab键盘掩盖了大部分输入框。导致一次只能露出一项内容,用户看不到下一个表单项,甚至无法判断是否还有下一项。
  额外的物理运动(不费劲但值得注意的)加上一次只能看到一个内容的单调感,让像设备设置这样本来较短的流程过程显得冗长而繁琐。
  手势在大屏上也面目全非。只用一只手指去按一个好几英寸宽的按钮让人觉得牵强;滑动和拖动也耗费太多体力。和小屏相比使用大屏设备的是一种需要更身体参与的体验。
  但是更大的物理动作不见得是件坏事。我六岁的儿子爱玩水果忍者(FruitNinja),当他疯狂的切开每个出现在屏幕上的巨型水果时他就玩的不亦乐乎。
  相关设计需要适当缩小键盘尺寸减少疲劳问题;在设计上应该致力于利用大屏的尺寸露出更多内容。并想办法把设备的物理属性变得对用户有利。比如,大屏设备适适合用来整理、分类复杂的列表或数据,开阔的屏幕空间和真实的移动动作可能会让这类任务的体验更令人满意。
  触摸
  对我两岁的女儿来说,大屏幕虽然勾起了她浓烈的兴趣但触屏的尺寸也是个缺点。为了够到屏幕的另一边,她必须用一只手支撑着靠在屏幕上,用另一只手操作。结果,每当她试图移动拼图的时候要么拼图根本就不动,要么就是因为误触击使拼图在两手间来回跳闪。
  使用大屏对她来说非常困难,于她小小的身材来说屏幕实在是过大了。虽说我们通常不会使用和我们身材差不多大小的设备,但这也揭示了大屏设计更有可能遇到的一个问题:即意外的双手触摸和其他误触摸。
  这种失误在我们测试移动设备的时候也时常上演。比起手机我们更常见到人们在操作标准平板电脑的时候发生意外触摸和意外扫过。
  相关设计需要预测和适应意外接触并考虑如何融入大手势、手触(而不是指尖触摸)和多手交互。
  焦聚
  大屏幕具有一次性展示更多内容的潜力。然而,可看的越多,也有越多的东西在抢夺着用户的视觉注意力。通常,看大屏时我们会坐在一段距离以外。台式显示器的距离是2英尺左右;一台电视可能离我们半个房间远。离得够远才能看得够全。
  触屏设备必须要更接近用户,原因显而易见:我需要足够靠近触屏才能触摸。这降低了可视性。当我们专注于一个细节时就很难看到整个“大画面”了。比如因太专注于一个在屏幕的底部的操作,而漏掉屏幕的顶部的错误提示。
  此外,当界面只是单纯地为了充满屏幕而被放大时,反而影响了可视性。图像会变得模糊。屏幕上的选择被局限。被放大的界面加上受限制的距离(可触距离)意味着屏幕上的一切都是超大型的,看到的一切都变得让人难以理解。
  图2:NabiBigTab自己的网站也没好好利用它的屏幕尺寸优势。网站为了填满屏幕而被放大,图标排列在屏幕的底部而且没有相应的标签。图像也因为过度放大而模糊了。
  便携
  NabiBigTab是件便携设备;因为如果你想把它从一个房间搬到另一个房间比搬台式电脑容易。但这无法跟可以随便拎来拎去的小型便携设备相提并论。由于NabiBigTab本身的尺寸和形状,它的移动性不如那些更小、更轻的设备,这倒是没什么好惊讶的。不得不说,我们极少需要移动这件便携设备,因为它是如此之大。
  这平板电脑重10。5磅。这意味着,我的儿子没办法像平时一样,拿着他的小平板电脑跑来找我与我分享一切东西,他不可能扛着NabiBigTab穿过整个房间。这也意味着,它对我我们来说就相当于一个台式机也就是说这个设备在我们家中有它专属的位置、一个主要的使用场所。与其相反,小型平板可以从这里带到那里,即便在使用中也不影响。
  使用环境
  BigTab的尺寸让人不知道该在何处、如何安置它。我6岁的儿子习惯了在腿上和桌子上使用iPad,他搞不清楚要以怎样的方式使用这个设备。平板电脑附带一个支架,但它又大又重;我儿子很怕自己玩游戏玩得太激动的时候把支架推翻。如果只是观看一些内容而不是强烈的互动,支架还是足够稳固的;而且提供了舒适的坐姿观看视角。使体验变得尴尬的原因主要是来自近距离交互的需求。
  我们发现使用NabiBigTab最舒服的姿势就是将设备平放在床上(或地板)然后坐在旁边。这样我们能够俯视屏幕而且比较容易点击到预期目标。相反,如果把它平放在桌子上,桌子的高度加上设备的尺寸会使交互产生笨拙感。坐在椅子上的时候设备的边角太远,无法轻松够到;特别是对年幼的用户。
  出于这些原因,长时间使用大屏平板很不舒服。不像小平板那样,大平板不能随着使用者移动到一个舒适的位置,它可不是一个可以放在腿上或被随意移动位置的东西。
  共享与隐私
  大屏的目的之一就是共享,在这点上它做的也很好。大尺寸多点触摸屏非常适合多玩家游戏,适合队友或者对手簇拥着屏幕一起玩耍或相互对抗。在大屏上玩游戏很有趣、很有吸引力。
  图3:这个尺寸的屏幕很适合共享体验
  在一个较小设备上共享屏幕的时候,当别人凑上前来的时候;设备的主持有人可能会感受到些许的侵略感。而使用大屏幕共享时,即使围坐在设备旁,每个人也可以占据自己的一片私人空间。我2岁的女儿可以愉快地看着我6岁的儿子拼恐龙拼图,而不打扰到她哥哥。
  正因如此,在大屏上很难做任何私人的事情。对于单人游戏或单人互动来说;大屏幕强大的诱惑力导致兄弟姐妹上前来打扰的情况,根本无法避免。还有一个令人沮丧的地方,那就是:任何私人信息(如信用卡信息)也都以几英寸高的大字体显示,在房间的另一边也一览无余。
  不同的设备,不一样的体验
  很自然,在一个大触屏设备上使用一个设计的体验,不同于在小触屏上或一个非触屏大显示屏上使用相同的设计的体验。正如我们在缩放用户界面课程中讨论过的,为不同的屏幕尺寸设计需要考虑的远远不止屏幕的尺寸。
  影响设备使用和我们如何为该设备做设计的因素还包括:输入类型,便携性和设备的隐私。为了适应各式各样的屏幕,设计的尺寸不能是唯一考虑的因素。与其顾虑设备的局限性和缺点,让我着眼于潜力,设计出符合设备特点和优势的独特体验。
投诉 评论 转载

设计师最好的时代和交互设计最差的时代江南大学的辛向阳教授2014年在腾讯做过一次名为:《用户体验设计从功能逻辑到行为逻辑》的演讲,整个演讲节奏紧凑信息量大,完全不似有人提过的交互设计教育滞后于行业的传统学院派作派……空状态的设计值得更多关注空状态,或称零数据状态,很多时候不太招设计师的待见。我们基本都是在主要流程界面的设计工作完成之后才会回过头来考虑完善一下,因为从表现上来看,空状态给人的感觉就是临时性的,有些微……给设计师的模块化设计新手完全入门指南扁平化设计流行起来之后,现代简约风与之结合产生了许多视觉上以区块为主的网页设计作品。对于设计师而言,这种设计方式既时尚,又富于功能化,网站结构流畅、简单,与响应式的设计也有着天……饿了么、百度外卖、美团外卖购物车设计分析最近国内O2O市场火热,办公室内叫外卖的氛围也出现了前所未有的高潮。大家经常使用的外卖app有饿了么、百度外卖、美团外卖。今天来看看饿了么、百度外卖、美团外卖的购物车设计……令网站看起来不专业的十个设计误区在这个奶茶店都有个响应式网站的时代,你没有网站似乎是一件说不过去的事情。不过当你考虑到自己可能仅仅只是个人名而非名人,你的店铺也算不得什么知名大厂,随便开个网站再说,等影响力扩……安卓手表VS苹果手表系统特性对比自PC时代(包括智能手机、电视机)以来,计算机操作系统的用户界面中含有各种各样的控件元素以及操作规范。也正因为界面元素和操作的不同使其形成了自己独特的系统特征。不同的可穿戴计算……品牌音色与用户体验:为什么有些产品深入人心?为什么有些产品深入人心?他们的设计中,是什么使我们感觉亲近、愉悦和高兴?iOS和GooglePlay应用商店包含了超过200万应用。如果这还不至于让你头晕,那我们来聊聊8……为何sketch预置画布尺寸比真实分辨率小?为什么Sketch中预置的画板尺寸比真实分辨率小?这个问题被成百上千的初学者问起过,每次都要费劲口舌来解释,可是静电实在架不住每天两三遍甚至更多人问起同样的问题。那么,就在这篇……20个响应式网页设计中的“神话”误区虽然很多人都在谈论响应式网页,但并不是每个人都知道他们在说什么。很多时候你看到网上的一些信息也在挑战你对响应式的理解。有时候一些小报告给你建设性的建议,并帮助你的设计朝着……设计师怎么和工程师配合制作UI动效?(本文为个人笔记,我都用Hype3直接产出Prototype和JS,避开和一堆数值的大混战,但该知道为什么要这样做的部份还是要懂。)如果设计师要产出动态特效给RD,他们需……大尺寸触屏:有何不同?摘要:大尺寸触屏的相关设计需要特别注意输入、屏幕焦点和个人隐私。在这个需要考虑各种屏幕大小和尺寸的年代,侧重小屏幕已成为一种常识。我们的设计和交互主体必须要在最小的屏幕上……MaterialDesign只是独辟蹊径,并未全面胜出MaterialDesign发布之时,Google在设计领域做出的努力令我印象深刻。在这方面Apple一度遥遥领先。这种局面结束了。记得我以前总抱怨Android设计的那套不统……
定价页面要如何设计,才能提高用户转化率5个实用技巧,提高按钮转化率App版本更新:后台实现策略梳理基础组件之一:登录注册组件,基础但必不可少跳槽进大厂,这些设计技法必须会(三):柔光风格设计出发点的升级:从用户到人性的思考如何搭建产品的会员付费体系,让用户心甘情愿付费?到底什么是赋能B端的本质?从T2B2C到B2T2C还是C2T如何从01打造完整的CRM产品20192020的设计趋势:图形篇物流产品案例分享:B端网站如何设计导航?心理小知识以及在产品中的运用(3)登门槛与拆屋效应

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界