播放列表的環(huán)形交互界面設(shè)計(jì)

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

When words fail, music speaks. | 當(dāng)言語(yǔ)不足以表達(dá)時(shí),我們可以用音樂(lè)發(fā)聲。

——Shakespeare | 莎士比亞

我很贊賞上面這句話。并且哪怕言語(yǔ)足以表達(dá),我們也可以用音樂(lè)發(fā)聲。

音樂(lè)是我們?nèi)粘I畹囊徊糠?,哪怕是周遭的的的鳥鳴犬吠。我們很容易忽略掉看不見的東西,例如微生物、空氣甚至愛情,當(dāng)然也包括無(wú)處不在的音樂(lè)。可就是這些看不見的東西,卻在我們的生命中扮演著至關(guān)重要的角色。

音樂(lè)早從幾個(gè)世紀(jì)之前就開始影響著我們的思維(Z Yuhan:恐怕不止幾個(gè)世紀(jì)吧)?,F(xiàn)在隨著科技的普及,音樂(lè)已如呼吸般必不可少。

目標(biāo)及方法

目標(biāo)市場(chǎng)

音樂(lè)愛好者遍布全球。對(duì)音樂(lè)的喜愛是普世的,但大家的偏好千差地別。據(jù)說(shuō)每天被創(chuàng)造出來(lái)的播放列表就有28000個(gè)。

研究目標(biāo)

通常聽音樂(lè)是為了放松自己,但有時(shí)用戶想要快去切換歌單里的歌曲時(shí),會(huì)感到困擾,覺(jué)得沒(méi)有聽到自己最想要的那個(gè)。

問(wèn)題與挑戰(zhàn)

· 吸引全年齡段和類型的用戶

· 隨時(shí)獲得常規(guī)用戶,并提供更好的體驗(yàn)。

· 從小圈子開始擴(kuò)展

用戶調(diào)研中提出的問(wèn)題

· 你能理解什么是環(huán)形播放列表交互嗎?

· 你覺(jué)得這種創(chuàng)新的選歌方式怎么樣?

· 你是否愿意把這個(gè) app 分享給朋友?

· 你覺(jué)得哪些頻繁變換播放列表的人抱有什么樣的想法?

· 你會(huì)愿意為這項(xiàng)服務(wù)付費(fèi)嗎?你在向任何其它類似的服務(wù)付費(fèi)嗎?

· 你對(duì)他們的主要服務(wù)有什么感受?

· 這個(gè) app 看起來(lái)好理解嗎?

· 對(duì)于各自的長(zhǎng)處,你在使用過(guò)程中遇到什么問(wèn)題嗎?

體驗(yàn)測(cè)試

· 用戶目前使用的 apps

· 展示類似留聲機(jī)的新選歌模式

· 停止展示,看用戶的反應(yīng)

如果用戶使用過(guò)這個(gè) app ,則請(qǐng)他們分享自己的體驗(yàn);如果沒(méi)有,就告訴他們這個(gè) app 的主要功能

結(jié)果

用戶快照


理解用戶的5個(gè)E


問(wèn)題分析

這個(gè) app 的目標(biāo)人群:

· 從聽留聲機(jī)的祖父被那里收到音樂(lè)熏陶的人

· 參加和朋友或團(tuán)體的聚會(huì)

· 習(xí)慣一邊做事一邊聽歌

· 會(huì)聽著歌出去旅行

· 運(yùn)動(dòng)健身的人

· 研究了普通的音樂(lè) app

思路匯總

沒(méi)錯(cuò),就是復(fù)古風(fēng)!

設(shè)計(jì)

無(wú)論貧窮或富有、快樂(lè)或痛苦,音樂(lè)在很多人的生命中都扮演著重要角色。

1. 音樂(lè)集合了多種樂(lè)趣,適用于所有階級(jí)。無(wú)論快樂(lè)或壓抑、無(wú)論是否被教導(dǎo)無(wú)論年輕或成熟,這個(gè) app 要能被所有人介紹。所以功能可見性是必須的,只要一啟動(dòng)程序就能清楚使用。

2. 設(shè)計(jì)這款歌單播放器就是要讓選歌更加簡(jiǎn)單。這款 app 的設(shè)計(jì)遵從了一下易用性原則:


相似性原則:設(shè)計(jì)出讓人一眼就能理解。

顏色、形狀和尺寸讓人能猜測(cè)出其功能,讓用戶在聽歌歌時(shí)也能賞心悅目。在白色的背景上,用相應(yīng)顏色的標(biāo)準(zhǔn)圖標(biāo)展示每一個(gè)唱片。

根據(jù)費(fèi)茨法則,圖片放在拇指最容易觸及的地方(Z Yuhan:《為熟練用戶而設(shè)計(jì)》這篇文章介紹了什么是菲茨法則)。


功能滿足:用戶所有想要的東西都在一個(gè)界面上提供了。他們可以查看名稱和時(shí)長(zhǎng)并挑選歌曲。

原型

花費(fèi)時(shí)間

前期規(guī)劃:2~2.5 周

初步設(shè)計(jì):2.5 周

提升設(shè)計(jì):4~6.5 周

初步測(cè)試:1~1.5 周

初步部署:5~12 天

核心設(shè)計(jì)原則

我通過(guò)人機(jī)交互和測(cè)試的方法,確保了留聲機(jī)理念的運(yùn)用,為此我找了70年代真正使用過(guò)留聲機(jī)的人進(jìn)行測(cè)試。我還通過(guò)很多視頻觀察了人們是如何使用留聲機(jī)的。后來(lái)我決定讓作品看起來(lái)像實(shí)體物件,但又容易使用。這樣的交互形式很容易理解,因?yàn)橛脩魧?duì)留聲機(jī)已經(jīng)有所了解。

——

我不是專業(yè)翻譯,如有問(wèn)題感謝指正!

未經(jīng)允許請(qǐng)勿轉(zhuǎn)載

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,023評(píng)論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,270評(píng)論 4 61
  • 病愈,恢復(fù)常態(tài)性的一拖二,帶著兩娃四處溜達(dá),娃小姨中途出現(xiàn)鼎力相助了幾個(gè)小時(shí)。臨走的時(shí)候她說(shuō):“姐,我以后怎...
    暴抱藍(lán)閱讀 294評(píng)論 1 0
  • 多想,繁華盡處,尋一無(wú)人的桃花渡,垂釣曾經(jīng)滄海,再辟一青石小路,徐徐前行——晨鐘暮鼓,安之若素。 我在歲月的堤岸慢...
    愿一與文閱讀 1,503評(píng)論 1 7

友情鏈接更多精彩內(nèi)容