起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識播放列表的環形交互界面設計
本文作者通過人機交互和測試的方法，確保了留聲機理念的運用。enjoy~
When words fail, music speaks. | 當言語不足以表達時，我們可以用音樂發聲。
——Shakespeare | 莎士比亞
我很贊賞上面這句話。并且哪怕言語足以表達，我們也可以用音樂發聲。
音樂是我們日常生活的一部分，哪怕是周遭的的的鳥鳴犬吠。我們很容易忽略掉看不見的東西，例如微生物、空氣甚至愛情，當然也包括無處不在的音樂?？删褪沁@些看不見的東西，卻在我們的生命中扮演著至關重要的角色。
音樂早從幾個世紀之前就開始影響著我們的思維（Z Yuhan：恐怕不止幾個世紀吧）?，F在隨著科技的普及，音樂已如呼吸般必不可少。
目標及方法
目標市場：
音樂愛好者遍布全球。對音樂的喜愛是普世的，但大家的偏好千差地別。據說每天被創造出來的播放列表就有28000個。
研究目標：
通常聽音樂是為了放松自己，但有時用戶想要快去切換歌單里的歌曲時，會感到困擾，覺得沒有聽到自己最想要的那個。
問題與挑戰：
- 吸引全年齡段和類型的用戶
- 隨時獲得常規用戶，并提供更好的體驗。
- 從小圈子開始擴展
用戶調研中提出的問題：
- 你能理解什么是環形播放列表交互嗎？
- 你覺得這種創新的選歌方式怎么樣？
- 你是否愿意把這個 app 分享給朋友？
- 你覺得哪些頻繁變換播放列表的人抱有什么樣的想法？
- 你會愿意為這項服務付費嗎？你在向任何其它類似的服務付費嗎？
- 你對他們的主要服務有什么感受？
- 這個 app 看起來好理解嗎？
- 對于各自的長處，你在使用過程中遇到什么問題嗎？
體驗測試：
- 用戶目前使用的 apps
- 展示類似留聲機的新選歌模式
- 停止展示，看用戶的反應
- 如果用戶使用過這個 app ，則請他們分享自己的體驗；如果沒有，就告訴他們這個 app 的主要功能
結果：
用戶快照：
理解用戶的5個E：
問題分析：
- 這個 app 的目標人群：
- 從聽留聲機的祖父被那里收到音樂熏陶的人
- 參加和朋友或團體的聚會
- 習慣一邊做事一邊聽歌
- 會聽著歌出去旅行
- 運動健身的人
- 研究了普通的音樂 app
思路匯總：
沒錯，就是復古風！
設計
無論貧窮或富有、快樂或痛苦，音樂在很多人的生命中都扮演著重要角色。
- 音樂集合了多種樂趣，適用于所有階級。無論快樂或壓抑、無論是否被教導無論年輕或成熟，這個 app 要能被所有人介紹。所以功能可見性是必須的，只要一啟動程序就能清楚使用。
- 設計這款歌單播放器就是要讓選歌更加簡單。這款 app 的設計遵從了一下易用性原則：
- 相似性原則：設計出讓人一眼就能理解。
- 顏色、形狀和尺寸讓人能猜測出其功能，讓用戶在聽歌歌時也能賞心悅目。在白色的背景上，用相應顏色的標準圖標展示每一個唱片。
根據費茨法則，圖片放在拇指最容易觸及的地方（Z Yuhan：《為熟練用戶而設計》這篇文章介紹了什么是菲茨法則）。
擬態：界面與留聲機相似，容易引起用戶的注意
功能滿足：用戶所有想要的東西都在一個界面上提供了。他們可以查看名稱和時長并挑選歌曲。
原型
花費時間
前期規劃：2~2.5 周
初步設計：2.5 周
提升設計：4~6.5 周
初步測試：1~1.5 周
初步部署：5~12 天
核心設計原則
我通過人機交互和測試的方法，確保了留聲機理念的運用，為此我找了70年代真正使用過留聲機的人進行測試。我還通過很多視頻觀察了人們是如何使用留聲機的。后來，我決定讓作品看起來像實體物件，但又容易使用。這樣的交互形式很容易理解，因為用戶對留聲機已經有所了解。
（ps：我不是專業翻譯，如有問題感謝指正！）
原文作者：Johny vino，Dribbble：https://dribbble.com/johnyvino
原文地址：UI/UX Case Study: Playlist?—?Radial Interaction
譯者：Z Yuhan
譯文地址：https://zhuanlan.zhihu.com/p/30944491
本文由 @Z Yuhan 翻譯發布于人人都是產品經理。未經許可，禁止轉載。
題圖來自 Pexels，基于 CC0 協議
這是隱喻不是相似性吧
我想試試實際產品啊~~有木有！感覺很酷。
還有我這種不知道留聲機怎么用的，但我覺得這種方式挺炫的
我有點沒看懂你的交互。是點擊留聲機，然后留聲機就會放大展示細節？
留聲機的操作形式還是比較新穎的。
扯吧