播放列表的環形交互界面設計

本文譯自 Johny vino 的 UI/UX Case Study: Playlist?—?Radial Interaction

When words fail, music speaks. | 當言語不足以表達時，我們可以用音樂發聲。

——Shakespeare | 莎士比亞

我很讚賞上面這句話。並且哪怕言語足以表達，我們也可以用音樂發聲。

音樂是我們日常生活的一部分，哪怕是周遭的的的鳥鳴犬吠。我們很容易忽略掉看不見的東西，例如微生物、空氣甚至愛情，當然也包括無處不在的音樂。可就是這些看不見的東西，卻在我們的生命中扮演著至關重要的角色。

音樂早從幾個世紀之前就開始影響著我們的思維（Z Yuhan：恐怕不止幾個世紀吧）。現在隨著科技的普及，音樂已如呼吸般必不可少。

目標及方法

目標市場

音樂愛好者遍布全球。對音樂的喜愛是普世的，但大家的偏好千差地別。據說每天被創造出來的播放列表就有28000個。

研究目標

通常聽音樂是為了放鬆自己，但有時用戶想要快去切換歌單里的歌曲時，會感到困擾，覺得沒有聽到自己最想要的那個。

問題與挑戰

• 吸引全年齡段和類型的用戶
• 隨時獲得常規用戶，並提供更好的體驗。
• 從小圈子開始擴展

用戶調研中提出的問題

• 你能理解什麼是環形播放列表交互嗎？
• 你覺得這種創新的選歌方式怎麼樣？
• 你是否願意把這個 app 分享給朋友？
• 你覺得哪些頻繁變換播放列表的人抱有什麼樣的想法？
• 你會願意為這項服務付費嗎？你在向任何其它類似的服務付費嗎？
• 你對他們的主要服務有什麼感受？
• 這個 app 看起來好理解嗎？
• 對於各自的長處，你在使用過程中遇到什麼問題嗎？

體驗測試

• 用戶目前使用的 apps
• 展示類似留聲機的新選歌模式
• 停止展示，看用戶的反應
• 如果用戶使用過這個 app ，則請他們分享自己的體驗；如果沒有，就告訴他們這個 app 的主要功能

結果

用戶快照

理解用戶的5個E

問題分析

• 這個 app 的目標人群：
• 從聽留聲機的祖父被那裡收到音樂熏陶的人
• 參加和朋友或團體的聚會
• 習慣一邊做事一邊聽歌
• 會聽著歌出去旅行
• 運動健身的人
• 研究了普通的音樂 app

思路匯總

設計

無論貧窮或富有、快樂或痛苦，音樂在很多人的生命中都扮演著重要角色。

1. 音樂集合了多種樂趣，適用於所有階級。無論快樂或壓抑、無論是否被教導無論年輕或成熟，這個 app 要能被所有人介紹。所以功能可見性是必須的，只要一啟動程序就能清楚使用。
2. 設計這款歌單播放器就是要讓選歌更加簡單。這款 app 的設計遵從了一下易用性原則：

• 相似性原則：設計出讓人一眼就能理解。
• 顏色、形狀和尺寸讓人能猜測出其功能，讓用戶在聽歌歌時也能賞心悅目。在白色的背景上，用相應顏色的標準圖標展示每一個唱片。

• 根據費茨法則，圖片放在拇指最容易觸及的地方（Z Yuhan：《為熟練用戶而設計》這篇文章介紹了什麼是菲茨法則）。

擬態：界面與留聲機相似，容易引起用戶的注意

功能滿足：用戶所有想要的東西都在一個界面上提供了。他們可以查看名稱和時長並挑選歌曲。

原型

花費時間

前期規劃：2~2.5 周

初步設計：2.5 周

提升設計：4~6.5 周

初步測試：1~1.5 周

初步部署：5~12 天

核心設計原則

我通過人機交互和測試的方法，確保了留聲機理念的運用，為此我找了70年代真正使用過留聲機的人進行測試。我還通過很多視頻觀察了人們是如何使用留聲機的。後來我決定讓作品看起來像實體物件，但又容易使用。這樣的交互形式很容易理解，因為用戶對留聲機已經有所了解。

作者的 Dribbble：https://dribbble.com/johnyvino

——

我不是專業翻譯，如有問題感謝指正！

未經允許請勿轉載

推薦閱讀：