imessage

體驗設(shè)計 (EXPERIENCE DESIGN)

Communication is a vital part of our everyday lives. We almost don’t even have to think about it. With social media and our devices as prime tools, we’re constantly finding new ways to stay connected. Instant messaging — a quality example. Today; despite the rise of social distancing, we get to share our thoughts, ideas, and information all across the world. Within split seconds.

溝通是我們?nèi)粘Ｉ畹闹匾M成部分。 我們幾乎甚至不必考慮它。 以社交媒體和我們的設(shè)備為主要工具，我們一直在尋找保持聯(lián)系的新方法。 即時消息傳遞-一個很好的例子。 今天; 盡管社會距離越來越大，但我們還是可以在全世界分享我們的思想，想法和信息。 在幾秒鐘內(nèi)。

On this project I improve the user experience of Apple’s official messaging app — iMessage, with the central focus on restoring usability. My design offers potential solutions in the form of minor adjustments to the look, feel, and functionality of the app. With these improvements, I achieved a communication tool that is usable, accessible, and efficient; meeting users needs for rich interaction.

在這個項目中，我改善了蘋果官方消息應(yīng)用程序iMessage的用戶體驗，并著重于恢復(fù)可用性。 我的設(shè)計以細(xì)微調(diào)整應(yīng)用程序的外觀，感覺和功能的形式提供了潛在的解決方案。 通過這些改進，我實現(xiàn)了一種可用，可訪問且高效的通信工具。 滿足用戶豐富互動的需求。

了解問題 (Understanding the Problem)

挑戰(zhàn) (The Challenge)

iMessage launched in 2011 and has received several major upgrades since then — most recent being the updates that came along with iOS 13. The application comes pre-installed as the default messaging app on every iOS device. Yet, we find that a lot of users do not adopt it as their primary messaging tool. Why? I found this an interesting challenge to solve.

iMessage于2011年啟動，此后已進行了幾次重大升級-最新的更新是iOS 13隨附的更新。該應(yīng)用程序已預(yù)先安裝為每臺iOS設(shè)備上的默認(rèn)消息傳遞應(yīng)用程序。 但是，我們發(fā)現(xiàn)許多用戶并未將其用作主要的消息傳遞工具。 為什么？ 我發(fā)現(xiàn)這是一個有趣的挑戰(zhàn)。

As an occasional iMessage user, I had a few ideas about why this was. Interactions with the app often revealed clear usability issues and pain points. However, I needed to confirm my observations.

作為偶然的iMessage用戶，我對為什么會這樣有一些想法。 與該應(yīng)用程序的交互通常顯示出明確的可用性問題和痛點。 但是，我需要確認(rèn)我的觀察。

Design process adopted for the project項目采用的設(shè)計過程

My major goal for the project was to revise usability in iMessage. I wanted to give people a more engaging and seamless experience while communicating and staying connected.

我對該項目的主要目標(biāo)是修改iMessage的可用性。 我想給別人 一個 在交流和保持聯(lián)系的同時，獲得更多的參與和無縫體驗。

檢查痛點 (Examining pain points)

認(rèn)識用戶 (Meeting the Users)

iMessage user survey: Key quotes directly from the usersiMessage用戶調(diào)查：直接來自用戶的關(guān)鍵報價

To get some data to work with, I carried out qualitative interviews with frequent iMessage users. Some of the questions asked were focused on:

為了獲得一些有用的數(shù)據(jù)，我對iMessage的頻繁用戶進行了定性采訪。 提出的一些問題集中在：

• their nature of use,
  使用的性質(zhì)
• possible frustrations experienced during use, and
  使用過程中可能遇到的挫折感，以及
• functionalities they liked in other messaging apps.
  他們喜歡其他消息傳遞應(yīng)用程序中的功能。

At the end of each interview, I asked them to use the application. I wanted to observe their personal interactions with the app and the context in which they used it.

在每次面試結(jié)束時，我要求他們使用該應(yīng)用程序。 我想觀察他們與該應(yīng)用的個人互動以及他們使用該應(yīng)用的環(huán)境。

Likewise, I got feedback from a Typeform survey carried out with a group of 88 iMessage users across social media. I was able to gather the following insights:

同樣，我從Typeform調(diào)查中獲得了反饋，該調(diào)查是通過88個iMessage用戶在社交媒體上進行的。 我能夠收集以下見解：

FREQUENT MISCOMMUNICATION OFTEN OCCURRED

經(jīng)常發(fā)生誤通信

• Users get annoyed when they had to carefully specify which response was to what question; so the reader did not misinterpret the meaning.
  當(dāng)用戶不得不仔細(xì)指定對哪個問題的回答時，他們會感到惱火。 因此讀者不會誤解其含義。
• This slowed down the chatting process and allowed for big misunderstandings. Users expected iMessage to be more intuitive
  這減慢了聊天過程的速度，并引起了嚴(yán)重的誤解。 用戶期望iMessage更加直觀

Which question is getting answered here? Maybe it’ll take 5 nights to discover Cape Verde, and 3 guests are all they require. Either way, the user is open to a lot of cognitive load in trying to make sure the receiver understands the context.在這里回答哪個問題？ 也許需要5個晚上才能發(fā)現(xiàn)佛得角，而他們僅需要3位客人。 無論哪種方式，用戶都試圖承受很多認(rèn)知負(fù)擔(dān)，以確保接收者理解上下文。

SIMPLE TASKS REQUIRED LONGER PROCESSES

簡單的任務(wù)需要更長的過程

• Users were put off by the fact that they could get tasks done a lot faster on other messaging apps.
  用戶因為可以在其他消息傳遞應(yīng)用程序上更快地完成任務(wù)而被推遲。
• People respond to a lot of their messages while multitasking. As such, they want to be able to process and divulge information as fast as possible. Users expected iMessage to be more efficient.
  人們在執(zhí)行多任務(wù)處理時會回復(fù)很多信息。 因此，他們希望能夠盡快處理和泄漏信息。 用戶期望iMessage更加高效。

Notice the amount of time it took the user to get the file across? The current task flow requires the user to exit the app and try to find the file from the folders menu.注意到用戶獲取文件所花費的時間嗎？ 當(dāng)前任務(wù)流要求用戶退出應(yīng)用程序并嘗試從文件夾菜單中查找文件。

MINIMAL CONSIDERATION FOR RECURRING ERRORS

糾正錯誤的最小考慮

• Mistakes often occurred while communicating. And users did not trust iMessage to help them recover from errors with little effort.
  交流時經(jīng)常發(fā)生錯誤。 用戶不信任iMessage可以幫助他們輕松地從錯誤中恢復(fù)。
• Users got irritated whenever a mistake occurred and there was no simple action to correct it.
  每當(dāng)發(fā)生錯誤并且沒有簡單的糾正措施時，都會激怒用戶。

UNRELIABLE NAVIGATION

無關(guān)的 導(dǎo)航

• Users needed to reference other information when communicating and did not feel like iMessage met that need.
  用戶在交流時需要參考其他信息，并且感覺iMessage不能滿足需求。
• Actions such as sending media and conducting searches to find information were not optimised on the app’s interface. Users expected iMessage to be more coordinated.
  未在應(yīng)用程序界面上優(yōu)化發(fā)送媒體和進行搜索以查找信息之類的操作。 用戶期望iMessage能夠更加協(xié)調(diào)。

POOR ALTERNATIVES TO TEXT MESSAGING

文本消息的替代方案很差

• Users respond to a lot of their messages on the go; and as such also communicate using the voice feature. Ever lost several minutes worth of a voice recording? iMessage users often did.
  用戶可以隨時隨地回復(fù)許多郵件； 并且還可以使用語音功能進行交流。 曾經(jīng)損失了幾分鐘的語音記錄嗎？ iMessage用戶經(jīng)常這樣做。
• Users wanted a seamless playback experience.
  用戶想要無縫播放體驗。

Digging into the rest of the data revealed a major insight into the online messaging app experience.

對其余數(shù)據(jù)的挖掘揭示了對在線消息傳遞應(yīng)用程序體驗的重大見解。

發(fā)現(xiàn) (The Discovery)

用戶期望隨時間變化 (Users Expectations Changed Over Time)

The instant messaging scene had changed. Users had gotten used to innovation from other messaging apps and Apple’s iMessage was not exempted. It became clearer that users expected the experience to just work with minimal effort. As usability became more integral to their lives, their expectations evolved.

即時消息傳遞場景已經(jīng)改變。 用戶已經(jīng)習(xí)慣了其他消息傳遞應(yīng)用程序的創(chuàng)新，蘋果的iMessage也不例外。 越來越清楚的是，用戶期望這種體驗可以輕松完成。 隨著可用性成為他們生活中不可或缺的一部分，他們的期望也在不斷發(fā)展。

更深入的見解 (Deeper Insights)

制定設(shè)計原則 (Formulating Design Principles)

Before I could go into designing, it was important to define the metrics of success and understand the required scope of the redesign. I reversed the nature of the imperfections discovered during the research to kickstart creativity. I wanted to maintain a direct relationship between the survey results and my visual hierarchy and UI design. Hence, I created five key principles to adopt while designing:

在進行設(shè)計之前，定義成功的指標(biāo)并了解重新設(shè)計的要求范圍很重要。 我顛倒了研究過程中發(fā)現(xiàn)的缺陷的本質(zhì)，以激發(fā)創(chuàng)造力。 我想在調(diào)查結(jié)果與我的視覺層次和UI設(shè)計之間保持直接的關(guān)系。 因此，我創(chuàng)建了在設(shè)計時要采用的五項關(guān)鍵原則：

How Might We to refine the scope of the redesign力量我們將完善重新設(shè)計的范圍

“…How might we help iMessage improve usability?”

“……我們將如何幫助iMessage改善可用性？”

While ideating, I came up with a bunch of ideas that could solve the issues raised. There were multiple variations, so I concurrently got feedback from peers to narrow down the best solutions.

在進行構(gòu)想時，我提出了許多可以解決所提出問題的構(gòu)想。 有多種變體，因此我同時獲得了同行的反饋，以縮小最佳解決方案的范圍。

用戶任務(wù) (User tasks)

平臺背后的邏輯。 (The logic behind the platform.)

NNgroup’s recently coined wireflows to define the logic of the applicationNNgroup最近創(chuàng)造的線流定義了應(yīng)用程序的邏輯

I defined the important tasks users would have to perform daily. I aimed to create a mix of user and task flows. This kind of approach also helped me refine and think about each pages’ inventory, and how the system would react to required actions.

我定義了 用戶每天必須執(zhí)行的重要任務(wù)。 我的目標(biāo)是創(chuàng)建用戶流和任務(wù)流的混合體。 這種方法也幫助了我 完善思考 有關(guān)每頁庫存的信息，以及系統(tǒng)對所需操作的React。

A few of the wireflows defining the logic of the application定義應(yīng)用程序邏輯的一些流程

To further validate my solutions, I carried out usability checks and consulted apple design guidelines. I wanted to retain the look & feel of the iMessage interface users were familiar with.

為了進一步驗證我的解決方案，我進行了可用性檢查并參考了Apple設(shè)計指南 。 我想保留用戶熟悉的iMessage界面的外觀。

Some of the primary questions that aided the usability checks:

有助于可用性檢查的一些主要問題：

• What is the most minimum action the user takes to accomplish a task?
  用戶完成任務(wù)所采取的最少動作是什么？
• How can I minimize the effort required to take the intended action?
  如何減少采取預(yù)期措施所需的精力？
• How can I design this feature to be discoverable within the app?
  如何設(shè)計此功能使其在應(yīng)用程序中可發(fā)現(xiàn)？
• Will this solution pass for Heuristic Evaluation?
  該解決方案將通過啟發(fā)式評估嗎？

Initial round of usability checks with an artboard使用畫板進行的第一輪可用性檢查

I tested early prototypes of the designs with real users. Every test was focused on the user achieving a single task.

我與實際用戶一起測試了設(shè)計的早期原型。 每個測試都針對于完成一項任務(wù)的用戶。

To my surprise, not a single participant had an issue with the flow. The accelerators I designed resonated well with users, confirming my intuition around designing for usability.

令我驚訝的是，沒有一個參與者的流程有問題。 我設(shè)計的加速器在用戶中引起了很好的共鳴，證實了我對可用性設(shè)計的直覺。

Enter, my proposal:

輸入我的建議：

重新設(shè)計 (The Redesign)

重新引入iMessage (Reintroducing iMessage)

Capturing the design process — from old to new捕捉設(shè)計過程-從舊到新

In an age where messaging is a sure way to reach your loved ones, iMessage gives you the best experience by making communication fast, effortless and simple; meeting your needs for rich interaction.

在這樣的時代，通過消息傳遞是您與親人聯(lián)系的必經(jīng)之路，iMessage通過使通信變得快速，輕松，簡單而給您帶來最佳體驗。 滿足您豐富互動的需求。

從不可靠到直觀 (From Unreliable to Intuitive)

滿足您需求的工具 (A Tool That Anticipates Your Needs)

Onboarding screen to highlight new features to users入職屏幕向用戶突出顯示新功能

The new message screen, showing new and existing users key information they need upon opening the message.

新消息屏幕，顯示新用戶和現(xiàn)有用戶在打開消息時所需的關(guān)鍵信息。

從復(fù)雜到簡單 (From Complex to Simple)

分享所有你想要的 (Share All You Want)

Add Feature — Share your preferred media at the tap of a button添加功能-輕按按鈕即可共享您喜歡的媒體

I understand that a critical part of real-time communication is exchanging media. Now, users can share their pictures, videos, files, location, and contacts; all at the tap of a button.

我了解實時通信的關(guān)鍵部分是交換媒體。 現(xiàn)在，用戶可以共享他們的圖片，視頻，文件，位置和聯(lián)系人； 只需按一下按鈕。

Add uses familiar and consistent interactions, making complex tasks straightforward to perform.

Add使用熟悉且一致的交互方式，使復(fù)雜的任務(wù)易于執(zhí)行。

從乏味到即時 (From Tedious to Instant)

搜尋 (A Search Away)

Search feature — Instantly access information from your personal chat history搜索功能-即時訪問您的個人聊天記錄中的信息

Users can instantly reference previously shared information from their personal chat history. Now easy as pie.

用戶可以立即從他們的個人聊天歷史中引用以前共享的信息。 現(xiàn)在很容易。

Search features the voice input option, making lives easier through accessibility.

搜索功能具有語音輸入選項，可訪問性使生活更加輕松。

從低效到優(yōu)化 (From Inefficient to Optimized)

智能重定向 (Smart Redirect)

Smart Redirect Feature — Now, you never get lost in the conversation智能重定向功能-現(xiàn)在，您不會在對話中迷路

A key insight discovered during research was that the reaction feature — Tapback — was underutilized. It often left them confused whenever they got a notification from the sender but couldn’t pinpoint exactly what was being reacted to.

研究期間發(fā)現(xiàn)的一個重要見解是，React功能Tapback沒有得到充分利用。 每當(dāng)他們收到發(fā)件人的通知時，這常常使他們感到困惑，但卻無法準(zhǔn)確指出正在響應(yīng)的內(nèi)容。

Smart Redirect was born so the user no longer gets lost in the conversation. Central to this feature were these key ideas:

Smart Redirect誕生了，因此用戶不再在對話中迷路。 這些功能的核心是這些關(guān)鍵思想：

• Provide direct access to the highlighted message.
  提供對突出顯示的消息的直接訪問。
• Micro-interactions to immediately draw the reader’s attention.
  微交互立即引起了讀者的注意。
• An optional shortcut to return the reader to the initial point on the message thread.
  使閱讀器返回到消息線程上的初始點的可選快捷方式。

從受約束到體貼 (From Constrained to Considerate)

全部刪除 (Delete for All)

Delete for All — Simply make those mistakes disappear全部刪除-只需使這些錯誤消失

We all make mistakes, especially while communicating. Users can now simply erase miscommunications and get right back to it. Delete for All explores 3D Touch interactions, giving the user more control over their communication process.

我們都會犯錯，尤其是在交流時。 用戶現(xiàn)在可以簡單地消除誤解并立即解決。 刪除所有人探索3D Touch交互，使用戶可以更好地控制其通信過程。

播放滑塊 (Playback Slider)

Playback Slider Feature — Listen how you want, when you want.播放滑塊功能-隨時隨地聆聽您想要的聲音。

Users no longer have to worry about missing out on that bit of the voice message. A simple rewind, or fast forward can do the trick. Playback Slider uses direct manipulation to engage the user, reminding them that the control lies with them.

用戶不再需要擔(dān)心錯過語音消息的那部分。 簡單的倒帶或快進都可以解決問題。 播放滑塊的使用 直接操作以吸引用戶，提醒他們控制權(quán)在于他們。

從受限到可訪問 (From Limited to Accessible)

快速回復(fù) (Quick Reply)

Quick Reply Feature — Now, your response is just a slide away快速回復(fù)功能-現(xiàn)在，您的回復(fù)僅需滑動一下

Whether it’s a long chat or replying on the go, users can easily respond to messages with just a slide. Quick Reply optimizes the user’s accessibility by exploring simplified gestures for interaction.

無論是長時間的聊天還是在旅途中回復(fù)，用戶都可以僅用一張幻燈片輕松地回復(fù)消息。 快速回復(fù)通過探索簡化的手勢進行交互來優(yōu)化用戶的可訪問性。

反射 (Reflection)

Redesigning this app and doing this case study reminded me that users are very integral to every design decision. It was amazing how little changes such as adding a search bar could create such a big usability impact.

重新設(shè)計該應(yīng)用程序并進行此案例研究使我想起，用戶對于每個設(shè)計決策都是不可或缺的。 令人驚訝的是，幾乎沒有什么變化(例如添加搜索欄)會產(chǎn)生如此大的可用性影響。

Thanks for reading! Follow my medium profile to keep up-to-date on my incoming articles featuring UX nuggets, and links to provoking reads I’ve found helpful for my career. If you’d like to reach out, follow me on Twitter to continue the conversation. You can also check out more of my work on my portfolio.

謝謝閱讀！ 遵循我的中等資料，以了解有關(guān)UX掘金的最新文章，以及指向我發(fā)現(xiàn)對我的職業(yè)有用的激怒讀物的鏈接。 如果您想聯(lián)系我們，請在Twitter上關(guān)注我 ，繼續(xù)對話。 您也可以在我的投資組合中查看更多我的工作。

Let me know if you have any questions or comments on my redesign for iMessage AND / OR If you’d like to have a chat about anything design related I’d love to hear from you!

如果您對我對iMessage重新設(shè)計的重新設(shè)計有任何疑問或意見，請與我聯(lián)系，或者/如果您想就任何與設(shè)計相關(guān)的問題進行交談，我希望能收到您的來信！

Tools credit: Figma, Cloudinary, Overflow, Typeform and Miro (Awesome wingmen) 😌

工具信用： Figma ， Cloudinary ， Overflow ， Typeform 和 Miro (Awesome wingmen)😌

翻譯自: https://uxdesign.cc/redesigning-imessage-for-better-user-experience-a-ux-case-study-e542c77fc77

imessage

總結(jié)

以上是生活随笔為你收集整理的imessage_重新设计iMessage以获得更好的用户体验— UX案例研究的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。