译客专栏|以任务为中心的设计 —— 多设备设计的下一个解决方案

共 4381字,需浏览 9分钟

 ·

2022-05-10 01:24


点击"三分"关注,回复"社群"加入我们

欢迎来到专业设计师学习交流社区
收集、编辑:王翎旭  

本文共 1553 字 5 图  预计阅读 4 分钟





如你所见,现今大多数解决方案都以移动端为主要设计方向,为了适应其他设备,所有网站都会具备自适应的响应能力。现在,是时候通过设定任务,来为各种设备设计解决方案。


“以任务为中心的设计” 的起源和概念

1. 很多设计师都倾向于打造一个 “数字化的瑞士军刀”
我们总是希望能够创造一个通用的解决方案,但是每种设备类型都有自己独特的特性。因此,一个通用化的设计并不意味着它能够适用所有的场景和工作。举个例子,我们常用的多功能瑞士军刀里会包含各种刀类工具,但是,你会用它来完成你所有的切割任务吗?你在切面包或者割木头的时候也会使用它吗?相信大多数人都会回答 “否”。当我们需要去完成一项特定任务的时候,会优先选择为这项任务设计的专业工具。

在数字化的世界里也是如此。“以任务为中心的设计” 就是为不同设备类型提供专门的界面和使用体验,同时它还能作为我们是否值得这样做的重要判断依据。

2. 什么是 “以任务为中心的设计” ?
众所周知,数字化的解决方案例如应用程序和网站,已经不仅仅会在手机或者电脑上使用,还会广泛应用于其它各种各样的设备中。人们会在不同情况下出于不同的目的使用不一样的设备,因为有些任务适合呈现在智能手机,而有些在智能手表上更容易完成,大屏幕的传统计算机仍然是某些任务最舒适的选择。

我们需要观察哪些活动适合哪些特定的设备类型,并学会如何利用设备的特性来使解决方案尽可能的便利用户。以任务为中心的设计可以让不同设备之间的“沟通”更加自然,例如说在一个设备上启动的任务可以立即在另一设备上继续。

3. 这是一种新的自适应设计吗?
以任务为中心的设计不同于自适应设计。我们可以认为自适应设计是以任务为中心的设计流程的第一步:调整外观使内容能够适应不同设备的屏幕大小,是解决方案可在特定设备上使用的必要条件。

自适应设计中一般至少存在三种主要的设备类型(例如台式电脑、平板电脑和智能手机),设计师专注于打造一个可以包含所有元素的布局,使得在所有设备类别上都可以读取。在较小的设备上,特定的内容可能会被隐藏或替换为其他内容。

以任务为中心的设计则走得更远。有些体验应该为不同的设备类别而进行专门化的设计,有些任务可能不适用于某些设备类型,有些设备则需要完全不同的交互方式。例如,对于智能音箱来说,我们使用语言交互代替界面交互。

那么以任务为中心的设计,它的主要目标是构建跨平台一致印象的前提下,针对不同设备特性而设计解决方案。

▲ 自适应设计与设备屏幕大小息息相关


“以任务为中心的设计” 的影响和意义

1. 移动优先的原则是否仍然适用?
大多数解决方案仍然应该从移动端开始构思设计。智能手机是开始设计的优先考虑平台,因为绝大多数人都在使用它。原来针对智能手机的设计现在已经可以很轻易地延伸到平板电脑上,平板电脑的界面语言也与手提和台式电脑越来越相似(可以参考 Apple 的 iPad 和 macOS 的设计)。即使是为智能手表进行设计,也可以从移动端开始思考,特别是智能手表常常会和移动应用进行关联。

当然在某些情况下,我们并不需要遵守移动优先的原则。例如设计一款语音助手,即使它会运用于智能手机上,我们也无需过多地关注图形界面的呈现。

▲ 以任务为中心的设计能够让你在特定的设备上更好地完成你的任务

2. “以任务为中心的设计” 是否能反映现实的生活?
在现实生活中,正如我们不会使用多功能瑞士军刀来完成所有切割任务一样,我们也不会只用手机或者电脑来完成我们所有的工作。如今,科技产品也在以更细分、更专业的方式去帮助用户解决某一情况下特定的任务,从而提供更愉悦顺畅的使用体验。

那么,让我们来看看一个日常生活中的例子。

○ 早晨,你的手机闹钟或者是手表闹钟会把你叫醒。

○ 然后,你带上有健康和运动监控的手环去锻炼身体,同时连接上你的无线耳机来收听音乐或者各种电台。

○ 吃早餐的时候,你使用平板电脑来阅读今天的热点新闻。

○ 当你准备开车上班,通过CarPlay或者Android Auto连接的你的手机继续播放你之前正在听的音乐或者电台。

○ 工作时,笔记本电脑是你的绝佳拍档。在会议期间,你可以在平板电脑上使用手写笔做笔记。便签上的笔记也会用手机拍照并自动发送你的到笔记本电脑。

○ 开车回家的路上又是一个听音乐和电台的绝佳时机。

○ 途中,你想起你还需要去商店买些日用品和食材,你打开之前在平板电脑或笔记本电脑上准备好的清单进行购物。

○ 在超市里,你用手机或者智能手表把购物车里面的物品一件一件打上对勾。

○ 煮饭的时候,智能音箱助手会指导你准备食材,为你推荐你喜欢的菜谱。

○ 晚餐后,想要放松一下的你,可以使用手机来启动你家客厅的智能电视,播放你正在追的电视剧或者电影。

○ 在一天即将结束时,你可以使用你的手机浏览一下第二天所有的活动和任务,并查看是否已经设置好了闹钟。


回味一下上面提到的设备以及每个设备上执行的任务,你会发现每个设备在特定场景中都显得非常合适。

以任务为中心的设计提倡的是一种战略思考,即通过目标任务探索每种设备类型最合适的交互方式和解决方案。


“以任务为中心的设计” 的实际应用

1. 如何为不同的任务选择合适的设备?
我们简单的来了解一下常见的设备类型和符合其特性的主要任务。

手提或台式电脑。这类设备是最经典的且用途最广,他们可以帮助用户完成绝大多数任务。但是,用户一般不会使用电脑来进行日常活动的监视和管理或者进行导航。

平板电脑。属于下一个可以帮助我们处理各种事情的设备类别。在大多数情况下,平板电脑可以成功取代上面所描述的电脑。无论是你想浏览网页、日常交流、阅读新闻、控制智能家居,还是听音乐、画画、看电影、玩游戏等等,平板电脑都特别有用,工作娱乐两不误。

智能手机。当前个性化做的最完善的设备类型,它也可以帮助用户执行各种各样的任务,完成与平板电脑几乎相同的工作,主要的差异是屏幕尺寸比较小,但它非常合适日常活动的监视和管理或者进行导航。

智能手表。可穿戴设备中最个性化的类型,它可以很好地跟踪各种日常活动、监控健康状况,并且方便进行交流和接收通知,但是在创建事件或编辑现有事件时可用性较差。

智能电视。电视始终很适合娱乐,即使它们变得比较智能,其使用类别也没有太大变化。智能电视通常用于观看电影、浏览网页、玩游戏、或者控制智能家居。

智能音箱。这是设备中仍然还不是非常流行的类别,其中的主要原因之一是没有图形用户界面会限制它所能拥有的功能。主要的使用方式是用户可以通过语音助手来执行任务。当你想听音乐、获取新闻或信息、控制你的智能家居时,它就非常有用。

汽车。驾驶汽车需要高度专注,因此设计智能汽车系统时要注意不能太过于吸引驾驶者的注意力。在汽车中,你可以舒适地使用导航、听音乐或电台、以及使用语音来交流和通信。

▲ 不同任务和不同设备之间彼此有交叉

2. “以任务为中心设计” 有助于说 “不”
有一些解决方案不应该出现在特定设备上。了解设备的局限性有利于帮助设计师思考什么任务不应该在什么设备上出现或者被划为重点。

比如说,在智能手表上写笔记就会十分不方便,你也不会在开车的时候通过语音在喇叭上画画,也不会和语音助手玩游戏(虽然,停车时你有可能会这么尝试😊)。

3. “以任务为中心设计” 案例 —— Apple 日历
许多现有的解决方案都充分利用了设备本身的优势。像 Google、Apple 和 Microsoft 这样的公司,他们已经在尝试这种方法为他们的用户提供最佳的用户体验。让我们来看看 Apple 日历这个例子。

▲ 在不同设备上的 Apple 日历

无论是 iPhone、iPad 或者 Mac,这三种设备都提供了日历的所有必需功能,你可以创建或者编辑事件,也可以设置事件提醒。

而在 Apple Watch 上,你可以直接在表盘上看到显示即将发生的事件,也可以进入日历应用中浏览更多的事件。如果你已经为一个活动设置了提醒,无论你是用什么设备设置的,你都会在手表上收到提醒。

CarPlay 上也有日历功能,这意味着你的汽车会提醒你有关事件的信息,你也可以浏览日历列表,查看更多即将到来的事件。最后,带有 Siri 的 HomePod 则使用语音的方式来通知你即将到来的事件,你也可以通过简短的语音指令来添加和修改事件。

4. 如何在 “以任务为中心的设计” 之中保持一致性?

想要设计出一个整体的的解决方案,让用户在不同的设备上都倍感熟悉且能够快速使用是一件非常具有挑战性的事情。

为了保持不同设备间的一致性,Apple 自主研发了属于自己的设计系统,给用户提供在 Apple 产品生态中的无缝体验。对于所有的图形用户界面,设计师都使用相同的字体、色调和图标。对于语音助手,Apple 使用众所周知的 Siri,它的指令设计在 macOS,iOS,Apple Watch 或 HomePod 上都是保持一致的。

所以,以任务为中心的设计必须要创建可扩展的模块化设计系统,以使它可以延展在不同的设备上。


最后

相信你也能感受到,以任务为中心的设计近年来已经逐渐形成一种流行趋势。在为多个设备创造解决方案时,详细研究每个设备的所拥有的能力和它的局限性,对于创造最佳用户体验至关重要。你也是这么想的吗?在你的项目里也会使用这种思维方式吗?欢迎在评论区留下你的想法。

感谢你的阅读!




原文标题:Task-Oriented Design — more than Mobile First and RWD
文章来源:Medium
作原创者:Thalion
翻译作者:qixin.d
文章编辑:王翎旭
文章转自:微信设计中心(We-Design)
该译文并非完整原文,内容已做部分调整。如在阅读过程中发现错误与疏漏之处,欢迎不吝指出。如需转载,请注明来自 三分设


三分设·知识库
📚 精选全球设计知识📚
与更多优秀用户体验设计师一起成长

🙋 我们一起聊设计 🙋‍♂️


三分设

精选全球设计知识,助力 1 亿设计师成长

42,074

设计师已关注

欢迎添加 ⭐️  星标,获取每日好文推荐

高质量设计微信交流群

期待与更多优秀用户体验设计师一起成长

PS:欢迎大家关注三分设,每天早上 8 点,准时充电。分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 添加小小虫微信号【 Lil_Bug 】,备注【 三分设 】加入!


点开『阅读原文』,欢迎你的加入
浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报