2-1交互设计_3D Touch-Human Interface Guidelines(iOS用户界面指南)翻译

3D Touch adds an additional额外的 dimension维度 to touch-based interaction. On supported devices, people can access additional functionality by applying varying不同的 levels of pressure to the touchscreen. Apps can respond by displaying a menu, showing additional content, or playing an animation. People don’t need to learn new gestures to interact with 3D Touch. They quickly discover the additional interactive dimension when they press lightly on the screen and get a response.

3D Touch为触屏交互提供了一个新的维度。在支持此功能的设备上,用户可以通过对屏幕施加不同的压力进入额外的功能。app可以展示出菜单、额外的内容或者演示动画。用户跟3D Touch进行交互不需要学习新的手势。当他们轻轻按压屏幕然后得到反馈时,就能够快速的发现额外的交互维度。

Home Screen Interaction

主屏交互

On the Home screen, pressing the icon of an app that supports 3D Touch displays an action view. This view lets you quickly perform执行 common app-specific tasks and see interesting information. Calendar, for example, provides a shortcut for creating an event. It also shows the next event on your schedule. 

在主屏幕上,按压一个支持3D Touch功能的app图标,就会显示出来一个活动视图。这个视图能够让你快速的执行此app独有的任务或者查看有趣的信息。例如日历,提供了一个创建日程的快捷入口,同时也展示了你日程上的下个任务。

Peek and Pop

快速预览和弹窗

A peek lets people use 3D Touch to preview an item, such as a page, link链接, or file, in a view that appears temporarily临时的 above the current context. To peek at an item that supports this functionality, apply a little pressure to the item with your finger. Simply lift your finger to exit the peek. To open the item and see more detail, press a little harder until the item pops and fills the screen. In some peek views, you can swipe up to reveal显示 related action buttons. For example, while peeking at a link in Safari, you can swipe up to reveal buttons for opening the link in the background, adding the link to your reading list, and copying the link.

快速查看让用户通过3D Touch在一个临时悬浮在当前内容上的视图预览一个项目。例如一个页面、链接或者文件。用你的手指轻轻按压支持此功能的项目就能快速预览了。只需要抬起你的手指就能退出预览。想要打开项目查看更多细节,再用力的按压一下直到项目弹出并且占满屏幕。在一些快速预览视图中,你可以向上滑动来显示相关的动作按钮。例如,在浏览器中快速预览一个链接时,你可以向上滑动来呼出相关的按钮,包括在当前页面打开链接,把链接添加到阅读清单中或者复制链接。

Use peeking to provide live, content-rich previews. Ideally, peeking gives enough information about an item to augment the current task, or helps you decide whether to fully engage the item. For example, preview a link in a Mail message before deciding to open it in Safari or share it with friends. Peeking is often used in tables to view detailed row information before the row is selected.

使用快速查提供实时、内容丰富的预览。理想情况下,快速查看提供了关于项目足够的信息来决定继续当前浏览还是去查看详情。例如,在邮箱中预览一个链接来决定是在浏览器中打开还是分享给朋友。快速查看经常在项目被打开之前在列表中查看项目的细节。

Design big-enough peek views. Design a peek view that's large enough so that fingers don’t obscure its content. Make the peek detailed enough for people to decide whether to press a little deeper to fully open (pop) the item.

设计足够大的快速预览视图。设计一个足够大的快速预览视图让手指不至于点击不到内容。显示足够的细节让用户能够决定是否增加按压的力度来完全打开项目。

Adopt Peek and Pop consistently一致的. If you support Peek and Pop in some places but not others, people won’t know where they can use the feature and may think there’s a problem with your app or their device.

调整快速预览的一致性。如果你的app在一些地方支持在另一些地方不支持快速预览,用户不知道他们在哪里能够使用这个特性,可能会认为你的app或者他们的设备有问题。

Avoid displaying button-like elements in a peek view. If a user lifts a finger to tap an element that looks like a button, the peek disappears.

避免在快速预览界面中显示像按钮一样的元素。如果用户抬起手指去点击像按钮一样的元素,快速预览窗口将会消失。

Allow every peek to be popped. Even though peeking should give people most of the information they need, always let them transition过渡 to the pop if they decide to switch away from the current task and focus on the item. Popping should show the same thing as tapping the item.

允许所有的快速预览能够弹出。虽然快速预览应该给用户他们想要的绝大部分信息,但是要让用户能够过渡到弹窗如果他们决定从当前任务中离开专注到弹窗内容。弹窗应该展示和轻触时同样的内容。

Don’t enable peeking and an edit menu for the same item. It can be confusing to users and hard for the system to detect觉察 intent意图 when both features are enabled for one item. 

不要使快速预览和编辑按钮在一个项目里出现。这样会让用户疑惑并且让系统很难察觉什么时候这两个特征是对于同一个项目。

Provide action buttons when appropriate. Not every peek needs action buttons, but they’re a great way to offer shortcuts for common tasks. If your app already provides custom touch-and-hold actions for items, it’s good practice to include the same actions during peeks.

在适当的时候提供操作按钮。不是所有的快速预览都需要动作按钮。但是这对于常用任务是一个非常好的快捷入口。如果你的app已经为项目提供了长按拖拽动作,那么在快速预览中提供同样的动作会是一个很好的做法。

Avoid providing an action button that opens a peeked item. People generally press deeper to open an item they’re peeking. As a result, there’s typically no need to provide an explicit Open button.

避免提供动作按钮来打开快速预览项目。用户通常增加按压的力度来打开他们快速预览的项目。因此,这里不需要提供额外的打开按钮。

Don’t make peek the only way to perform item actions. Not every device supports peek and pop, and some people may turn off 3D Touch. Your app should provide other ways to trigger触发 item actions in situations like these. For example, your app could mirror a peek’s quick actions in a view that appears while touching and holding an item.

不要让快速预览成为执行项目操作的唯一途径。不是所有的设备都支持快速预览和弹窗,一些用户可能会关闭3D Touch。你的app应该提供其它情景能够触发项目的操作。例如,你的app需要在长按的时候也能够打开快速预览。

Live Photos

实时照片

Apps can incorporate包含 pressure into the photo viewing experience by supporting Live Photos. Live Photos come to life when you press them, using movement and sound to show the moments just before and after the photo was taken. For design guidance, see Live Photos.

app可以通过支持实时照片来把按压应用在照片预览上。当你按压实时照片的时候会开始播放。使用动作和声音来展示照片在拍照之前和之后的瞬间。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,839评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,543评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,116评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,371评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,384评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,111评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,416评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,053评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,558评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,007评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,117评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,756评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,324评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,315评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,539评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,578评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,877评论 2 345

推荐阅读更多精彩内容

  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi阅读 7,294评论 0 10
  • PLEASE READ THE FOLLOWING APPLE DEVELOPER PROGRAM LICENSE...
    念念不忘的阅读 13,433评论 5 6
  • 文/清峰 01 其实小时候开始写作文的时,我就总是会写到妈妈,一方面是觉得生活小事易写,另一种方面又因为她是我每天...
    Dorisblink阅读 901评论 6 12
  • 在互联网刚发展起来时,网上很多东西都是免费的。比如歌曲下载。随着网络的日益成熟,使用网络的人越来越多。我们日常生活...
    鹿鹿无畏阅读 511评论 0 49