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

iPad:大尺寸触屏的交互意义

12月12日 飞虹塔投稿
  iPad:大尺寸触屏的交互意义大尺寸多点触控会给人机交互带来哪些变化?
  Ornithopter是我们进行iPad成都漂流活动时遇到的一个很善于思考的Geek,他将为我们带来一系列的关于手持设备人机交互的思考和心得。也是ifanr【iShout】系列的组成部分。我们希望有更多善于思考的读者和手持设备的爱好者把自己的体会通过ifanr“Shout”出来。投稿请联系fashaolagmail。com或者ifanr。Streetsmart
  photobyDaniel。〔V〕
  被遗忘的交互界面:
  关于iPad的人机交互原则,苹果说:
  内容和交互性是王道。(ContentandinteractivityareparamountintheiPaduserexperience。)
  他们认为,好的UI(UserInterface)应当降低UI本身的存在感,从而突出用户真正关心的内容。交互界面是为内容服务的,为了让用户关注他们想看的内容,UI的存在感被最大程度地降低,以致于iPad的UI反倒是被用户所忽略的。这是一套返璞归真的思路。的确,开发者的工作重心是功能与交互界面,然而交互界面承载的内容才是用户真正关心的。下文会讨论iPad的大尺寸是如何推动这一原则。
  浏览内容:
  内容可以分成两类:一类是严格依赖排版的,比如科技文献、商业图表和网站;另一类是不依赖排版的,比如一般的小说。我们不妨称前者为版式依赖型,后者为版式无关型。在手机上,为了适应手机的小尺寸屏幕,版式无关型的内容可以被转换为纯文本来阅读(影印版的内容除外)。比如说,iPhone的Stanza和Goodreader允许用户以纯文本的形式阅读文章,并且能自定义字号、字体、文字与背景颜色。因为内容的组织结构并未被破坏,字体也能够适应小的屏幕,此时的阅读体验尚可接受。然而版式依赖型的数学公式、图表和影印文本却无法得体地转换成纯文本来阅读,一旦你以原有的版式阅读,你却不得不在手机上不断缩放和拖曳。现在iPad以近乎1:1的比例完整地再现了原来的版式,所以你可以直接整页浏览。据TUAW报道,已经有app利用iPhonetouch作为操控器,以iPad作为显示器来进行多人游戏,这也是大尺寸带来的新模式。
  文件操作的淡化
  DownplayFileHandlingOperationsandencouragepeopletoviewtheircontentasobjectsintheapplication。
  AppleiPadUserInterfaceGuidelines
  以上在谈论内容时,我一直避免用”文件”来描述内容,这是因为iPad本身淡化了文件的存在与操作。iPad没有MacOSfinder,也没有”文件存放在文件夹中”的概念。这是因为iPad的设计重心是“师法自然”,而MacPC的文件属性很多违背了真实物体的使用经验。反观iPad,内容自动保存,没有只读,没有地址,你只会在相应的app中看到高度实物感的物体(object):相册就是一堆堆照片,书就是书架上有封面有形状的书籍,素描本就是画板上真真切切的本本一切物体具有真实的材质纹理,一眼看去,虚拟与实物毫无二致,操作也就再自然不过了。
  实际操作时,我们也看到负面的结果:不同的app共享内容不太方便,比如绘画本应用penultimate无法直接使用Goodreader中的照片;同时,各种app中关于共享内容的标示与操作只是各自草创,并没有很好地统一,因此导致用户使用时会有一定困扰。
  操作工具:
  与内容相对应的是工具,尽管iPhone的控制键做到了极简,还是有人抱怨玩游戏时虚拟摇杆占据了小半个屏幕。iWork等办公软件无法在iPhone上施展,也是因为操作工具栏会大大挤压内容的版面。在iPad的大屏幕上,工具按键能伴随内容呈现在同一个界面上,所以绝大多数的全屏切换都可以被避免。iPadapp的工具与选项常常以四种形式出现:
  1。tabbar
  2。segmentedcontrol
  3。浮动窗口popover
  4。划分屏幕的导航栏navigationbarinsplitview
  这些tabbarsegmentedcontrolpopovernavigationbar在大屏幕的环境下已然不再挤压内容,所以现在能够完整地保留在内容周边,整装待发。
  当然,空间与功能的增减不是简单的线性关系,更多空间并不意味着功能的铺陈,单纯堆砌能实现的功能是不明智的。苹果对app开发者说了:那些iPhone屏幕上塞不下的功能,甭以为就可以填给iP砍掉不重要的,注意精简!
  所以我们见到的iPadapp界面仍然只是保留了最直接、最常用的功能。关于此处,iPadapp开发准则中还有一条“80原则”,意思是说app界面只允许保留最常用的UI元素,剩余20不常用的元素一律推到下一个层级中。另外,比如浏览照片时,单击屏幕的操作会抹去顶部与底部的工具栏,这属于“突出内容”的范畴,不再赘述。总之,虽然保留了苹果一贯精简的风格,iPad无疑提供了更详尽的工具栏。
  操作空间:
  能想象iPhone版本的iWork吗?事实上类似app早已出现,但它们有着严重低效率的操作。关于iPad版iWork,ifanr主站已经有评测,此处略去。iPad的触屏是苹果迄今为止创造的最大的多点触控(multitouch)屏幕,可以预见各种标准下的多点触控手势将得以真正施展并丰富内容的交互性,appstore美国店中的游戏、艺术创作与幼儿教育这三个特色专题就是生动的例证。除此之外,iPad的确有多人共用一个大屏幕的能力,比如说用iPhone操控、把iPad作为显示器的双人游戏,以及两个人分别从iPad两侧玩的对战游戏,或者多人在iPad上进行一个小规模的乐团演奏。抛开朗朗在音乐会上用iPad弹奏钢琴曲,关于知名画家在iPad上作画的消息也层出不穷,以下是两幅画作:
  不得不提到iPad的虚拟键盘,landscape模式下的键盘虽然与通常的实体键盘尺寸相同,却仍然不适合双手高速盲打。我的理解是虚拟键盘失败在物理触感上。在普通的实体键盘上,手指的状态有三种:(i)静态搁置在按键上、(ii)短暂敲击按键、(iii)长按以激活mode(比如按ctrl键)。而在iPad上,你的左右食指无法像实体键盘上通过F、J键上凸块来定位,更令人困扰的是,手指在虚拟按键上无法静态搁置,只能悬浮在键盘上方。所以iPad仅能良好支持轻量化的输入,对于大量文本的创作者来说,只好通过其他的蓝牙键盘来码字。笔者很好奇带有USB接口的键盘能否通过iP连接到iPad上使用,希望有设备的读者亲自检验。
  视觉稳定性:
  Whenyouperformfewerfullscreentransitions,yourapplicationhasgreatervisualstability,whichhelpspeoplekeeptrackofwheretheyareintheirtask。YoucanuseUIelementssuchassplitviewandpopovertolessentheneedforfullscreentransitions。
  AppleiPadHumanInterfaceGuidelines
  以上两点内容与操作无不体现了大尺寸的视觉稳定性(visualstability)。iPad的页面分割(splitview)或浮动窗口(popover)等UI元素能极大地减少全屏切换,保证用户不会因操作本身而分心,他们在意的内容随时原地待命。反观小屏幕上的全屏切换,不仅会降低用户对内容的关注度,还会令用户思考自己所在的定位和层级(hierarchy),导致用户分心,降低工作效率。今天笔者在DigitalCampuspodcast中听到kindle的使用者抱怨页面定位的问题,原因是他们没有直观快捷的办法定位自己所在的章节,iPhone、iPodtouch的Goodreader、Stanza的用户同样需要激活工具栏或切换至目录页面才能看到当前页面所在的位置,而iBook可以直接在页面下方显示当前页数,同时,用户能通过拖动底部虚线上的节点来精确到达指定页面(如下图)。这样的设计保证了跳转阅读时无需切换至目录页面,响应快捷的同时,再一次体现了良好的视觉稳定性。
  使用iBook底部虚线上的节点来精确到达指定页
  在《尼尔森诺曼集团关于iPad易用性的测试报告》(Apple4usLawrenceLi译)中,雅各尼尔森本人谈到了卡片与卷轴的概念:
  用户介面先驱杰夫拉斯金(JefRaskin)曾经用卡片与卷轴来区分两种截然不同的超文本模型:卡片的画布尺寸是固定的。你可以在这个二维空间里随意安排信息(可以实现漂亮的布局),但你不能扩大该区域的尺寸。用户要看更多的信息,就必须跳去另一张卡片。HyperCard就是卡片模型的最著名实例。卷轴有足够的空间容纳任何数量的信息,因为画布可以随意延展。用户不需要经常跳转,但卷轴的布局通常不那么精致,因为设计师无法控制用户在任意时间点能够看到哪些内容。万维网绝对是卷轴派的,尤其是在今天。滚动网页是家常便饭,用户有时会查看长网页底部很深处的信息。即便是手机软件也经常利用卷轴式介面来呈现小屏幕无法容纳的信息。对比之下,卡片派设计在早期的iPad软件设计中占主导地位。滚动条也会不时出现在屏幕上,但大多数软件都试图在这块漂亮的屏幕上呈现出一个固定的页面布局。这两种模式如果并存下去并不奇怪:iPad上是卡片派主导,桌面电脑上是卷轴派主导(手机则居于两者之间)。但两种模式的融合也有可能出现,卷轴式交互风格的优势或许会令用户期待iPad软件更多地采纳它。
  我认为卡片式的界面源于iPad对实物感的追求,因为iPad是一个捧在手里能够接触的物体,所以卡片式的内容更接近一块标本、一本手册、一页能翻动的纸张;同时,部分iPadapp上几近固定的页面格局能提供更良好的视觉稳定性,易于用户定位,这是其不可忽视的优点。我们以在线游戏WeRule为例:
  iPhonetouch版的全屏视图有五种:领土全景、建造工具、mojo商店和plus游戏社区,五者之间的跳转需要全屏切换。
  以上是WeRule的两种版本,iPhonetouch版的全屏视图有五种:领土全景、建造工具、友邻地图、mojo商店和plus游戏社区,五者之间的跳转需要全屏切换。iPad的视图只有一种,即领土全景,而其余三者是通过浮动窗口在领土全景之上显示,不再引起低效率的全屏切换。
  实物感:
  当一切越接近真实世界时,用户的学习成本越低,产品的易用性就越好。iPad的UI元素具有以下特点:
  同时模拟实物的静态外观与动态运动
  被操作物体的行为与人们的期待一致
  不违背物理原理
  保留实际用料的质感
  极端写实的绘画功底
  如下所示,通讯录中央的装订孔清晰可辨,而记事簿被赋予了皮革的外套。在iPhoneOS上,物体的行为符合日常生活经验和物理原理。而iPad更大的屏幕带来更强的视觉冲击,更广的多点触控区域带来更自然的实物操作感,iP把GUI(graphicuserI图形用户界面)做到了极致。
  通讯录中央的装订孔清晰可辨
  记事簿被赋予了皮革的外套
  总结
投诉 评论 转载

用户体验的质量管理随着互联网的蓬勃发展,经历了市场的适者生存优胜劣汰,存活下来的却时常遭遇发展的瓶颈。大家开始关注用户体验,讨论用户体验,尝试着将“用户体验”与实际工作相结合。把“用户”融……购物车页面应该如何设计?5大B2C网站购物车页面分析物车页面应该如何设计才能既方便用户顺利完成提交定单的操作,又能够成为crossselling的一个重要入口页面?为此,白渡对中国8个独立的B2C网站购物车页面进行了分析和比较,……有使命感的设计《设计中的设计》我读原研哉的《设计中的设计》,倒不是赶潮流(在这个世界,赶潮流的人很多,但永远在追赶),是想看看能否获得一些设计上的灵感或思路,用于做PPT。我现在做PPT培训越深入,越……移动界面设计点滴(2)Flow大局观MobileUIdesigntipstheoverallviewofflow在移动设计中,我们需要完善的功能flow,对它认知的价值使得flow在整个设计开发过程中始终走……何处安放的Loading可用性研究表明,当响应时间超过一秒钟时,用户便能够有所察觉。虽然在反馈系统中,当用户需要等待时,更好的解决方案的是应该采用确定性的进度条。但对于一些耗时短,且用户的带宽为……设计优秀的手机客户端用户体验手机客户端有着与网页不同的产品风格,将1024768大小的网页布局置于了240320、320240或者再好点是320480大小,不是用鼠标点击,而是通过键盘或手指去操作每一步。……30秒钟评价一个网页当你已经做好准备要开发一个网站时,你一定希望你开发出的网站能给用户最好的用户体验。能够准确快速的评价一个网站是一门艺术,也是一门科学,但这种艺术或科学是可以很快学会的。这里有几……iPad:大尺寸触屏的交互意义iPad:大尺寸触屏的交互意义大尺寸多点触控会给人机交互带来哪些变化?Ornithopter是我们进行iPad成都漂流活动时遇到的一个很善于思考的Geek,他将为我们带来……聊聊线框图为线框图多留点时间注:heidi写这系列的专业文章,并不说明目前heidi做得有多好,相反,每当我发现自己做得不够好时或者遇到问题时,都喜欢反思并总结,可是由于以前养成的不良习惯,导致我最终写出……页面元素的表达状态:常态,暂态常态:元素在页面上始终显示;暂态:元素需要鼠标悬浮,点击,或者聚焦等事件,才能触发其显示;当事件发生改变时,比如鼠标移出或者焦点消失,则元素可以再次隐藏;生活中的人……说说那些商城的导航本文主要想表达的内容是:如果某个组件具有某个属性,那就把这个属性发挥到极致;如果某个组件不具备某个属性,那么就不要把它伪装成具备这个属性,并用这个属性来诱奸用户。简单说,……关于浏览器新窗口打开的文章符合国情的链接新窗口打开那些链接可以再新窗口中打开链接指向一个需下载到本地或者打印的文件(通常是非HTML的)。这里就包括了pdf,doc,mp3,需打印的文稿等等。……
旅行类App竞品分析:旅行类APP的社交之路还有多长?体验细节分析:FacebookMessenger聊天机器人交社交VRAltspaceVR交互体验报告(手机端)在线音乐类APP分析网易云音乐的进阶之路产品分析快手,究竟为用户提供了怎样的服务,从而成为一款众所周网易美学产品分析报告:与网易云音乐一脉相承的网易美学,能否再脑洞文“共享彩票机”也要搭一把“共享”的风口?!实习僧产品体验报告:先发制人,保质保量成壁垒视频类app思考:浅析离线缓存保险人APP产品调研报告教你用逆向思维法写出老板满意的产品分析报告拍照搜题产品作业帮、小猿搜题、学霸君竞品分析
适合教师的优雅发型日韩风格发型甜美显气质小狗黑虎四年级作文【答疑】关于心烦,泻心汤、黄连汤、黄连阿胶汤的鉴别热博聚热点 惊蛰春分夏季清凉度假风,你想要的时髦浪漫与文艺范儿,这里都有3年没卖掉一个鸡蛋赌王女儿当小三,玩弄陈山聪?被甩豪门太子对窦骁大姨子旧情难忘400字小学生寒假作文职业教育中液压传动的故障诊断与分析因为乳腺癌,在乳房缝了43针,家人说坚持三年,还要大摆酒有内涵,仔细看!她转发了一张这样的漫画。。马伊琍和海清罕见同框,仅差1岁形象差别大,一个霸气一个温柔

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