建站常識
網(wǎng)易IDJ音樂站改版—UCD設(shè)計思想初體驗
2010-05-15 09:10:00
網(wǎng)易IDJ音樂站(idj.163.com)是音樂的互動分享平臺,期望突破以往聽音樂的方式,由被動的聽歌轉(zhuǎn)為主動選擇的音樂關(guān)注和主動的音樂分享,用最快的速度找到你想要的音樂和推薦給別人,你喜愛的音樂。
IDJ新版的設(shè)計目標(biāo)
調(diào)整站點(diǎn)結(jié)構(gòu),更尊重用戶習(xí)慣
調(diào)整全站導(dǎo)航,讓用戶一目了然的站點(diǎn)地圖,全面的找歌搜索,做到更清晰易懂
簡約清晰的設(shè)計,使操作更易上手
更方便快捷上傳歌曲和制作自選集
自選集代替了歌庫,方便用戶推薦音樂集合
關(guān)注音樂,一鍵搞定……
更加豐富的音樂站點(diǎn)內(nèi)容
音樂類別增加專輯、音樂專題和自選集精選版塊
全球榜單優(yōu)化和海量歌曲增加
怎么獲得和提煉這些目標(biāo)?
用研階段:為定位目標(biāo)用戶、了解用戶需求和明確設(shè)計目標(biāo)給出數(shù)據(jù)和方向
我們的目標(biāo)用戶是什么?會有什么需求?
Persona-模擬用戶人物角色:
年齡段:18-35歲
學(xué)歷:大學(xué)或以上水平
性別:男女不限
網(wǎng)齡:1年以上
其他要求:愛好音樂,每周至少有1小時或以上的聽歌習(xí)慣
發(fā)掘用戶可能有的網(wǎng)上音樂使用行為:
#p#
通過用戶與音樂,用戶與用戶之間的關(guān)系來思考用戶:
我們通過用戶電話調(diào)查、焦點(diǎn)小組、深度訪談、競品分析主要發(fā)現(xiàn):
用戶使用在線音樂模式可分為找音樂、聽音樂以及交流和分享音樂三部分。
找音樂
找音樂對于用戶來說是一個單線程的任務(wù),和其他任務(wù)、操作之間存在排他性
交流、溝通和找音樂這一任務(wù)并不沖突,而且會促進(jìn)尋找的效率和效果
聽音樂
音樂的播放過程順暢與否對于用戶至關(guān)重要,直接影響到其使用意愿
達(dá)人更關(guān)心播放的音質(zhì),這一因素直接影響到他們的使用意愿
用戶在聽音樂的過程中會同時關(guān)心其背后的信息,包括歌詞、歌手歷程、創(chuàng)造記錄等
#p#
交流和分享
音樂的共享是用戶獲得音樂的重要途徑
對于達(dá)人來說,展示自己音樂方面的水平,受到他人的關(guān)注能給予他們很大的成就感
音樂對于用戶是聯(lián)系友誼的紐帶,特別對于達(dá)人來說,他們更期望”以歌會友”
BETA版可用性測試主要發(fā)現(xiàn):
o IDJ Beta版網(wǎng)站上的可用性問題主要是違反易學(xué)性和易于辨識兩個原則。
o 可用性的問題主要集中于個人主頁,一起來DJ,搜索頁面和管理歌庫。
o 使用主觀問卷調(diào)查用戶對產(chǎn)品可用性的看法時,總得分為69.4分,低于70分的系統(tǒng)可用性合格線。
o 用戶滿意度平均為3.4分,評價偏中性,說明用戶對IDJ Beta版滿意度一般。
針對上述用研的主要發(fā)現(xiàn)和數(shù)據(jù),以及可用測試用戶對IDJ BETA版的意見反饋,IDJ項目團(tuán)隊提煉和訂立了IDJ新版的設(shè)計目標(biāo)。
針對目標(biāo),我們做了什么?
訂立目標(biāo)后,我們主要從交互,視覺,技術(shù)開發(fā)、可用性測試迭代幾大階段開展了產(chǎn)品的升級優(yōu)化 。
交互設(shè)計階段
1. 信息框架的重新梳理
針對用研后得出的結(jié)論,梳理IDJ站的信息架構(gòu)及流程,讓用戶得到更好的體驗,站點(diǎn)流量及音樂訂閱量在短期內(nèi)得到較大提升。
優(yōu)化點(diǎn)
a) 增加固定區(qū)域的整站導(dǎo)航,清晰站點(diǎn)架構(gòu)。
b) 把站點(diǎn)格子優(yōu)化顯示在音樂和游戲下,個人主頁,達(dá)人等用戶頁面節(jié)省出空間放置用戶相關(guān)度更高的內(nèi)容。
c) 整合所有游戲頁面至”游戲”,可以通過點(diǎn)擊導(dǎo)航游戲標(biāo)簽展開下拉菜單進(jìn)入各個游戲頁。
d) 整合所有的站點(diǎn)音樂資源至”音樂”,可以通過導(dǎo)航音樂標(biāo)簽,展開下拉菜單進(jìn)入:全球榜單,歌手,專輯推薦頁。方便有固定的聽歌需求的用戶。
2. 交互原型(設(shè)計-討論評審-迭代-定稿)
對信息架構(gòu)梳理后,交互設(shè)計主要針對整站架構(gòu)、核心功能、關(guān)鍵流程進(jìn)行全新的優(yōu)化,并進(jìn)一步改善可用性問題,主要為提高網(wǎng)站的易用性和易辨識性,減少用戶花費(fèi)過多認(rèn)知資源在對網(wǎng)站的學(xué)習(xí)和理解上。
優(yōu)化點(diǎn)
a) 統(tǒng)一的整站導(dǎo)航,以人為維度,動態(tài)形式展示音樂歌曲信息
b) 簡化注冊流程
#p#
c) 個人主頁
Tab導(dǎo)航,結(jié)構(gòu)更清晰;增加誰來看過的模塊,加強(qiáng)用戶互動
將個人介紹改為我的狀態(tài)的形式,更加突出用戶個性
靈活運(yùn)用歌單模塊,當(dāng)主人態(tài)時顯示最新關(guān)注更新的歌曲,當(dāng)客人態(tài)時顯示主人最新添加的歌曲。
歌庫改名為自選集:
歌庫的展示和管理合并為一個頁面
歌庫上傳音樂的概念改為”添加音樂”將上傳與搜索上傳合并到一個流程
將不同關(guān)注類別分開顯示
用戶游戲有統(tǒng)一的管理入口
d) 搜索分為4種類別:歌曲、專輯、歌手、自選集輸出結(jié)果
#p#
視覺方面,從暗色系到明亮色系的轉(zhuǎn)變,從個性、酷走向簡約,是我們一大挑戰(zhàn),期待這個亮眼的轉(zhuǎn)變,讓用戶使用得更習(xí)慣,更舒服自然。最近也看到這么一句話:“越是簡約的設(shè)計,越是在最多的場合適合各種不同的需求。越是讓自己退到一個不顯眼的,不張揚(yáng)的地位,才越讓用戶的溝通成為主角。”確實這個也是我們從個性轉(zhuǎn)向簡約設(shè)計的一個初衷!
配合用戶的需求和使用習(xí)慣,首頁、幾大核心功能頁面布局和視覺都做了很大的改變,訂立使用網(wǎng)易的藍(lán)色系色調(diào)、漸變的質(zhì)感,增加網(wǎng)易品牌的親切感和一體性。
一些細(xì)節(jié)的規(guī)范標(biāo)準(zhǔn)定義:
… …
可用性測試迭代
在新一輪的可用性測試,系統(tǒng)可用性評分(SUS)為 72.5,結(jié)合形容詞量表(AS)的評分,可用性評分介于”不錯”和”好”之間,整體可用性較好;
用戶測試滿意度平均分 4.2,達(dá)到滿意水平,相比上一版本有一定提升;
新版上線,我們繼續(xù)在做可用性測試的迭代,發(fā)現(xiàn)需要我們繼續(xù)優(yōu)化的,找尋更多用戶體驗上的應(yīng)用和創(chuàng)新。音樂分享平臺還有很多需要我們繼續(xù)做的:有效傳達(dá)產(chǎn)品社區(qū)化概念;更多地符合用戶認(rèn)知習(xí)慣、符合用戶使用需求;進(jìn)一步完善導(dǎo)航系統(tǒng)、交互細(xì)節(jié)……. 迭代、優(yōu)化、提升創(chuàng)新,我們靠近了用戶一步,我們還需要跟用戶繼續(xù)拉近距離!
接下來,敬請期待網(wǎng)易音樂IDJ新一期”小組”音樂交流討論功能的新發(fā)布!
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2007-08-09 14:54:00] 基于網(wǎng)絡(luò)媒介的交互設(shè)計研究
- [2009-07-04 18:27:00] 交互設(shè)計師修煉之“變色龍”
- [2009-08-07 07:51:00] 淺析設(shè)計與內(nèi)容呈現(xiàn)的關(guān)系
- [2010-11-11 08:26:00] 瞬間的快感之細(xì)節(jié)提升用戶滿意度
- [2009-12-11 08:29:00] 白社會視覺設(shè)計誕生記
- [2009-10-27 22:34:00] 女裝類網(wǎng)頁視覺設(shè)計分享
- [2010-06-01 08:32:00] 設(shè)計公式:簡單有效的競品分析
- [2009-12-12 08:54:00] 交互設(shè)計有效性之操作入口明確
- [2007-09-13 14:57:00] 科學(xué)與藝術(shù)兼顧的有效網(wǎng)頁視覺設(shè)計
- [2009-05-17 10:00:00] 藝術(shù)與視覺設(shè)計批判——用戶
- [2007-05-24 17:06:00] 釋疑交互設(shè)計師的幾個問題
- [2010-12-17 08:28:00] 關(guān)于WEB登錄注冊系統(tǒng)的下午茶
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運(yùn)動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
如何做網(wǎng)站優(yōu)化 網(wǎng)站開發(fā) 營銷型網(wǎng)站 H5 交互設(shè)計 青島網(wǎng)絡(luò)公司 SEO 手機(jī)端的網(wǎng)站 舒適的界面 青島高端網(wǎng)站建設(shè) css 集團(tuán)性網(wǎng)站 官網(wǎng)網(wǎng)站建設(shè) 網(wǎng)站交互設(shè)計 微信小程序 外貿(mào)網(wǎng)站建設(shè) 扁平化設(shè)計 營銷策略 微信開發(fā) 網(wǎng)站制作 青島高端網(wǎng)站建設(shè)公司哪家好 青島SEO 青島網(wǎng)站SEO 集團(tuán)公司網(wǎng)站建設(shè) 色彩心理學(xué) 青島輪胎網(wǎng)站設(shè)計 平面設(shè)計 H5定制設(shè)計 網(wǎng)站SEO 集團(tuán)官網(wǎng)