旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國(guó)統(tǒng)一咨詢熱線:010-5367 2995
首頁(yè) > 行業(yè)資訊 > UI大牛教你放射狀交互
UI大牛教你放射狀交互
時(shí)間:2018-02-23來(lái)源:lb577.com點(diǎn)擊量:作者:吳冬冬
時(shí)間:2018-02-23點(diǎn)擊量:作者:吳冬冬

本文非常適合交互設(shè)計(jì)師,介紹了很多交互設(shè)計(jì)的方法,比如5E法則、菲特定律、用戶場(chǎng)景和彩虹圖。

莎士比亞說(shuō)過(guò)“言語(yǔ)失聲時(shí),音樂(lè)會(huì)響起。”的確,即使文字表達(dá)不了,音樂(lè)可以娓娓道來(lái)。

每天,生活因鳥(niǎo)兒啁啾,狗吠鷹嘀而雀躍。人們總覺(jué)得每天被很多事圍繞,但卻沒(méi)看到圍繞著他們的那些無(wú)法衡量的事物,比如空氣,愛(ài)和微生物。音樂(lè)無(wú)處不在,盡管不可見(jiàn),但是對(duì)我們的生活產(chǎn)生了很大影響。

在很多年前,音樂(lè)已經(jīng)影響了人們的思維和心情。當(dāng)今隨著科技的發(fā)展,音樂(lè)已經(jīng)成為了不可或缺的一部分。

 

 

 

1、目的和方法

市場(chǎng)

音樂(lè)愛(ài)好者遍布全球。但愿望清單卻因人而異。每天全球有28000播放列表被創(chuàng)建。

 

目標(biāo)

  • 在播放列表/專輯快速有效地切換到下一首歌曲
  • 人性化,解決復(fù)雜的導(dǎo)航設(shè)計(jì)

 

用戶調(diào)研

  • 你能理解什么是放射形播放交互?
  • 有創(chuàng)意的音樂(lè)選擇模式是怎么出現(xiàn)的?
  • 你愿意把這個(gè)作為一個(gè)專業(yè)的app分享給你的朋友嗎?
  • 不斷變更播放清單曲目的人,他們?cè)谙胄┦裁矗?/span>
  • 你會(huì)為這項(xiàng)服務(wù)付費(fèi)嗎?其他你愿意付費(fèi)的服務(wù)是什么?
  • 對(duì)這塊app提供的專業(yè)化的服務(wù),你有什么認(rèn)識(shí)?
  • 你認(rèn)為不活躍的APP是怎樣的?
  • 從個(gè)人價(jià)值看,是什么制約你使用他們的產(chǎn)品?

 

5E法則

 

 

2、分析問(wèn)題

為誰(shuí)設(shè)計(jì)

  • 人們從他們祖父的留聲機(jī)里聽(tīng)著音樂(lè),萌生了對(duì)音樂(lè)的興趣
  • 聚會(huì)的人
  • 長(zhǎng)期旅游的人
  • 在跑步機(jī)上跑步或鍛煉的人
  • 對(duì)普通音樂(lè)app已經(jīng)厭煩的人

 

挑戰(zhàn)

  • 吸引不同年齡層和階級(jí)的人
  • 修改點(diǎn)
  • 交互行為
  • 輕度使用

 

市場(chǎng)調(diào)研

一旦設(shè)計(jì)確定了,市場(chǎng)調(diào)研就是另一個(gè)關(guān)鍵環(huán)節(jié)。在獲取和分析目標(biāo)客戶數(shù)據(jù),競(jìng)爭(zhēng)對(duì)手,協(xié)助塑造營(yíng)銷(xiāo)的目標(biāo)市場(chǎng),品牌宣傳,信息傳遞,定位和成本決策上,這是一種很精確的方法。主要的目的就是了解什么樣的人會(huì)喜歡這個(gè)app,是如何驅(qū)動(dòng)他們使用的。

 

定義設(shè)計(jì)原則

app搭建后,要描述它背后的故事,給讀者鮮明的概念。

a.菲特定律

菲特定律是一個(gè)解釋人體肌肉運(yùn)動(dòng)的速度與準(zhǔn)確性的實(shí)證模型。當(dāng)點(diǎn)擊目標(biāo)很小或者距離很遠(yuǎn),需要花更長(zhǎng)的時(shí)間才能點(diǎn)擊到。

b.模仿

模仿常見(jiàn)元素的屬性,有機(jī)體或環(huán)境,實(shí)現(xiàn)自己的目的。

c.增加可用性美感

比起很不友好的產(chǎn)品,用戶肯定傾向于更吸引人的產(chǎn)品。

 

3、最優(yōu)方案

最優(yōu)方案是指制定的目標(biāo)是能解決具體問(wèn)題的高質(zhì)量設(shè)計(jì)。最優(yōu)方案的核心是數(shù)量而不是質(zhì)量。

為了提高你的UI設(shè)計(jì)方案,在確定一個(gè)具體方案前多考慮一些方案。扎實(shí)的思維能拓寬你的想法。—?AURORA HARLEY

1、音樂(lè)包含了多種多樣的樂(lè)趣,對(duì)于不同階層的人都意義非凡。高興或悲傷,專業(yè)或業(yè)余的,年輕或成熟的,這個(gè)app可以滿足所有人的需求,可見(jiàn)性是必要的。我已經(jīng)以一種簡(jiǎn)單的方法明確展示了使用步驟,僅僅打開(kāi)app就夠了。

2、輕松選擇一個(gè)播放列表app的原因是能選擇想聽(tīng)的音樂(lè)。依據(jù)可及性,這個(gè)app很容易就被設(shè)計(jì)出來(lái)了。

 

相似性原則

我設(shè)計(jì)app時(shí),希望用戶第一眼就能理解這個(gè)app。顏色,形狀和大小給了一個(gè)app最主要的特性。我選擇這些特征去滿足用戶。在白色背景下,每張專輯都有最主要的顏色,每個(gè)圖標(biāo)都有標(biāo)準(zhǔn)的形狀。

圖標(biāo)的位置遵循菲特定律,大拇指容易觸及播放按鈕。

 

人是不完美的

 

 

人并不是完美的,人能發(fā)現(xiàn)達(dá)到成功的捷徑。因此,他們開(kāi)始模仿其他設(shè)計(jì)師的作品。機(jī)器以編程的方式運(yùn)行,但是人不同,我們必須思考多元化完善的解決方案。

 

模仿技巧

屏幕模仿了留聲機(jī)的設(shè)計(jì),用來(lái)吸引用戶注意。

 

滿意度

用戶需要的所有曲目都被呈現(xiàn)在界面上,他們很興奮。因?yàn)樗麄兡苓x擇任何曲子來(lái)調(diào)整名字和音樂(lè)術(shù)語(yǔ)。

 

4、原型

你不是你的用戶:

當(dāng)設(shè)計(jì)以人為本的移動(dòng)app,理解用戶需求是非常重要的,原型就是用來(lái)測(cè)試用戶需求。

你可能是一個(gè)用戶,但是注意別變成為自己設(shè)計(jì)。– Jared Spool

 

5、測(cè)試經(jīng)驗(yàn)

  • 這個(gè)app現(xiàn)在正被用戶使用
  • 展現(xiàn)像留聲機(jī)這樣新的選擇模式來(lái)滿足更多的顧客
  • 中斷屏幕,觀察用戶反應(yīng)
  • 如果人們不使用這個(gè)app,向他們展示其他同類app來(lái)獲取設(shè)計(jì)經(jīng)驗(yàn)

 

測(cè)試用例

 

彩虹圖結(jié)果展示

 

被運(yùn)用的核心原則

我使用了留聲機(jī)的概念,通過(guò)使用人機(jī)交互技巧,測(cè)試了70個(gè)真正使用過(guò)留聲機(jī)的用戶。我看了很多視頻來(lái)觀察這些人如何與留聲機(jī)交互。然后,我決定設(shè)計(jì)一個(gè)看起來(lái)和實(shí)物相似的解決方案,并且方便使用。這個(gè)交互對(duì)用戶來(lái)說(shuō)真的相當(dāng)簡(jiǎn)單,因?yàn)樗麄円呀?jīng)從爺爺?shù)牧袈暀C(jī)里學(xué)會(huì)了這種交互方式。

相關(guān)文章--《UI大牛分享他常用的網(wǎng)頁(yè)原型






預(yù)約申請(qǐng)免費(fèi)試聽(tīng)課

填寫(xiě)下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢(qián)不夠?可先就業(yè)掙錢(qián)后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動(dòng)者教育科技有限公司版權(quán)所有
備案號(hào):京ICP備12034770號(hào)

?2007-2021/ lb577.com 北京漫動(dòng)者教育科技有限公司 備案號(hào):京ICP備12034770號(hào) 監(jiān)督電話:010-62568622 郵箱:bjaaa@aaaedu.cc