一端辱、產(chǎn)品簡(jiǎn)介：
Echo回聲是一款基于聲音/音樂的的社交媒體型產(chǎn)品得哆，獨(dú)家首創(chuàng)3D音樂脯颜、彈幕評(píng)論和有聲表情等特色功能，吸引大批年輕用戶贩据。
二栋操、目標(biāo)用戶：
90/95后年輕人,學(xué)生，音樂愛好者饱亮，音樂制作人矾芙。
三、場(chǎng)景（情況近上，關(guān)鍵詞）
1.聽著這首歌的心情好想和別人分享一下剔宪，其他人聽到這首歌會(huì)是什么心情呢？
關(guān)鍵詞：實(shí)時(shí)交流
2.睡覺之前想聽點(diǎn)能助眠的音樂
關(guān)鍵詞：分類推薦,夜間
3.平時(shí)的流行音樂聽得多了壹无，好想聽一些新奇一點(diǎn)的音樂
關(guān)鍵詞：新奇
4.我精心制作的音樂怎么讓大家可以一起來聽一聽葱绒，給我建議呢
關(guān)鍵詞：發(fā)布音樂，評(píng)論
5.特別地喜歡聽大自然的聲音斗锭，能讓人很舒適地淀，比如下雨的聲音，熱帶雨林的聲音拒迅，還有海的聲音……最好能有身臨其境的感覺
關(guān)鍵詞：身臨其境
6.沒辦法去現(xiàn)場(chǎng)看ARASHI演唱會(huì)骚秦，看錄像完全沒有現(xiàn)場(chǎng)的感覺呀
關(guān)鍵詞：現(xiàn)場(chǎng)感
7.一直以來都在聽爵士風(fēng)的音樂，想換個(gè)曲風(fēng)但不知道哪些好璧微，想和朋友好好交流一下
關(guān)鍵詞：交友
8.好喜歡這首歌作箍，好東西想和好朋友分享一下，轉(zhuǎn)發(fā)給他最好
關(guān)鍵詞：分享
四前硫、用戶需求
1.分享聽歌時(shí)候的感想胞得，實(shí)時(shí)交流
2.個(gè)性化定制音樂類型
3.特色、新奇音樂探索
4.制作屹电、發(fā)布音樂阶剑，并且與人交流想法
5.身臨其境地聽音樂，3D音效
6.通過音樂社交危号，分享自己喜歡的音樂
五牧愁、用戶任務(wù)
l登錄/注冊(cè)任務(wù)
l尋找回聲任務(wù)
l添加彈幕任務(wù)
l離線下載任務(wù)
l添加好友任務(wù)
l發(fā)布回聲任務(wù)
l發(fā)布好友圈任務(wù)
l消費(fèi)任務(wù)
1.登錄注冊(cè)任務(wù)
點(diǎn)開echo進(jìn)入登錄界面，有社交賬號(hào)登錄和手機(jī)注冊(cè)外莲，最下面還有一行小字——“已有賬號(hào)在此登錄”猪半，大概是echo的賬號(hào)吧兔朦。我習(xí)慣上用微信登錄，轉(zhuǎn)到微信確認(rèn)授權(quán)磨确，進(jìn)入主頁沽甥。
2.尋找回聲任務(wù)
收聽音樂當(dāng)然是這款應(yīng)用的主要功能，在首頁中便是推薦乏奥，大概從上到下瀏覽了一遍摆舟，然后點(diǎn)開一個(gè)感興趣卡片后便能直接進(jìn)入一個(gè)播放頁面，并且有彈幕可以交流邓了。之后想找一找鄉(xiāng)村風(fēng)格的音樂恨诱，點(diǎn)開放大鏡到搜索頁面，下面的今日熱搜里沒有我想要的驶悟，便在搜索框里輸入胡野，下方出來的有相關(guān)人、相關(guān)頻道痕鳍、相關(guān)專題硫豆、相關(guān)回聲，在相關(guān)回聲中選擇一曲后笼呆，繼續(xù)收聽熊响。
3.添加彈幕任務(wù)
從echo介紹中了解到彈幕交流是特色，于是在回聲播放頁點(diǎn)擊輸入彈幕诗赌，默認(rèn)會(huì)顯示我在幾秒的時(shí)候輸入評(píng)論汗茄，并且有彈幕的預(yù)覽功能，加了幾個(gè)特效之后很炫铭若，點(diǎn)擊確認(rèn)發(fā)送洪碳，屏幕飄過我的彈幕。
4.離線下載任務(wù)
對(duì)剛才的回聲很感興趣叼屠，決定下載下來晚上繼續(xù)聽瞳腌，彈幕屏幕下面有幾個(gè)很小的字——“N次離線”，點(diǎn)擊之后跳出頁面镜雨，必須分享或者購(gòu)買會(huì)員才能下載離線嫂侍。我表示很無奈啊，還好微信里可以和自己發(fā)消息荚坞，分享給自己挑宠，我并不想轉(zhuǎn)發(fā)每首歌給其他人，更不想因?yàn)橐皇赘柽€買個(gè)會(huì)員（個(gè)人想法）颓影。分享后成功離線下載下來各淀。
5.添加好友任務(wù)
在發(fā)現(xiàn)好友頁里，echo可以讀取我的通訊錄诡挂，里面有已經(jīng)注冊(cè)echo的聯(lián)系人并且可以邀請(qǐng)其他沒注冊(cè)的朋友來注冊(cè)揪阿。通過完善個(gè)人資料疗我，系統(tǒng)還會(huì)自動(dòng)為我推薦可能認(rèn)識(shí)的人。點(diǎn)擊關(guān)注好友就能看到好友的日常動(dòng)態(tài)南捂。
6.發(fā)布回聲任務(wù)
在主頁標(biāo)簽欄里有個(gè)logo，點(diǎn)開后顯示兩個(gè)操作旧找，發(fā)布回聲和發(fā)布好友圈溺健。點(diǎn)開發(fā)布回聲，可以分享一首歌也可以現(xiàn)場(chǎng)錄音上傳钮蛛，歌曲就在我的手機(jī)里鞭缭，應(yīng)該是直接分享吧。點(diǎn)開后有手機(jī)上傳和電腦上傳魏颓，點(diǎn)擊手機(jī)上傳岭辣，選取本地音樂上傳。
7.發(fā)布好友圈任務(wù)
點(diǎn)擊發(fā)布好友圈甸饱，輸入動(dòng)態(tài)正文沦童，添加了一首回聲，一張圖片叹话，然后點(diǎn)擊發(fā)布偷遗。
8.消費(fèi)任務(wù)
由于發(fā)特效彈幕和離線下載都需要金幣，我覺得買個(gè)會(huì)員驼壶。來到會(huì)員中心氏豌，首先需要充值金幣，又來到我的金幣頁面热凹，點(diǎn)擊充值泵喘，使用微信支付成功。
六般妙、交互設(shè)計(jì)分析
1.登錄界面
登錄界面以簡(jiǎn)潔為主纪铺，從視覺上來看有三塊區(qū)域：手機(jī)注冊(cè)，社交賬號(hào)登錄和echo賬號(hào)登錄股冗，但是出乎意料的是echo賬號(hào)登錄的區(qū)域被作為最不重要的部分放在了頁面底端且不引人矚目霹陡。如果是應(yīng)對(duì)第一次使用的用戶，將用戶注冊(cè)著重點(diǎn)出并沒有問題止状。但對(duì)于老用戶烹棉，使用頻率最高的應(yīng)該是echo賬號(hào)登錄和社交賬號(hào)登錄，這兩個(gè)區(qū)域應(yīng)該著重點(diǎn)出怯疤。
點(diǎn)擊屏幕其他任何區(qū)域浆洗，會(huì)直接免登錄并進(jìn)入主頁，但并沒有任何暗示告訴我集峦，這會(huì)是一個(gè)有效點(diǎn)擊伏社，用戶會(huì)很困擾自己是怎么進(jìn)入的抠刺，因?yàn)橐话闫渌a(chǎn)品都是以一個(gè)明確的按鈕提示用戶直接進(jìn)入，這與用戶原有的習(xí)慣和心智模型不符合摘昌。而且這一設(shè)計(jì)容錯(cuò)率很低速妖，我在十次登錄界面的試驗(yàn)中，會(huì)有大概5次錯(cuò)點(diǎn)屏幕導(dǎo)致我進(jìn)入主頁聪黎，然后退出來繼續(xù)登錄罕容。
注冊(cè)頁里點(diǎn)擊不同的文本框，會(huì)彈出相應(yīng)的鍵盤稿饰，很好地提高了用戶的輸入效率锦秒。“發(fā)送驗(yàn)證碼”按鈕沒有按鈕樣式喉镰，看起來更像是一句標(biāo)簽提醒旅择，讓用戶必須去判斷這幾個(gè)字是不是可以點(diǎn)擊，而不是一目了然地想去點(diǎn)擊侣姆，增加了用戶的學(xué)習(xí)壓力生真。
注冊(cè)不知道是不是存在bug，當(dāng)我隨便輸入一個(gè)手機(jī)號(hào)（甚至隨便一串?dāng)?shù)字）铺敌，然后點(diǎn)擊發(fā)送驗(yàn)證碼（成功了；愦酢），然后隨便輸入一個(gè)密碼（1位數(shù)字３テ尽）产弹，然后點(diǎn)擊注冊(cè)（注冊(cè)成功了！弯囊！我都沒有輸入驗(yàn)證碼好嗎Ｌ瞪凇！）進(jìn)入詳細(xì)資料頁面匾嘱，只要寫上一個(gè)未注冊(cè)過的用戶名便可以成功注冊(cè)了斤斧。
（實(shí)在忍不住要吐槽，第一次寫分析霎烙，遇到如此奇特的產(chǎn)品）
沒有手機(jī)號(hào)格式的檢測(cè)撬讽，沒有真實(shí)的驗(yàn)證碼檢測(cè)，沒有密碼的限制保護(hù)（不一定是壞事悬垃，卻不符合用戶習(xí)慣）游昼。
2.回聲首頁（推薦）
首頁采用卡片分塊式的布局，頂部導(dǎo)航欄和內(nèi)容區(qū)都添加了分段控件尝蠕，適當(dāng)?shù)貙?dǎo)航扁平化烘豌，減少用戶達(dá)到目標(biāo)所需要的點(diǎn)擊數(shù)。頁面導(dǎo)航欄之下有兩個(gè)回聲推薦區(qū)域看彼，一個(gè)是固定的廊佩，一個(gè)是定時(shí)滾動(dòng)的囚聚，兩個(gè)相同類別的區(qū)塊應(yīng)該合并，若出于重要性的考慮标锄，在滾動(dòng)區(qū)中點(diǎn)出即可顽铸。
首頁采用無限下拉刷新的形式，一直會(huì)舒刷新推薦內(nèi)容鸯绿，能滿足一部分喜歡刷的用戶的需求和無目標(biāo)用戶的需求跋破。但是當(dāng)使用這種模式時(shí)，最好能設(shè)置一個(gè)懸浮的回到頂部按鈕瓶蝴，當(dāng)用戶想要重回頂部時(shí)可以不用再“無限上拉”。
標(biāo)簽欄相當(dāng)?shù)暮?jiǎn)潔租幕，僅僅3個(gè)標(biāo)簽舷手，左右各為動(dòng)態(tài)和回聲，中間的logo點(diǎn)開后是發(fā)布功能的集合劲绪。
推薦回聲卡片的右上角標(biāo)有該回聲的熱度男窟，用戶可以從這一直觀信息中找到目標(biāo)。
這一頁面的主要特色是利用了多級(jí)分段控件贾富，將導(dǎo)航極度扁平化歉眷，減少了用戶達(dá)到自己的點(diǎn)擊次數(shù)，也由此簡(jiǎn)化了標(biāo)簽欄颤枪。
3.回聲首頁（發(fā)現(xiàn)）
該頁的三個(gè)區(qū)塊的分界并不是十分清晰汗捡，給人過于統(tǒng)一的感覺，缺少吸引眼球的元素畏纲。
Echo專題區(qū)塊在該頁面的最下部分扇住，區(qū)塊的顯示內(nèi)容為一張海報(bào)圖，所以采取了無限下拉刷新的方式盗胀，同樣沒有回到頂部按鈕艘蹋。
4.回聲主頁（名人）
該頁面一眼放去是密密麻麻的小字和圈圈圈，內(nèi)容過于密集票灰，且顯示了很多用戶在尋找時(shí)并不需要的信息女阀，導(dǎo)致頁面滿溢。
點(diǎn)擊關(guān)注按鈕屑迂，關(guān)注成功后顏色稍稍變淺浸策，這與用戶的心智模型不相符合。用戶的理解為：當(dāng)我不關(guān)注時(shí)屈糊，它的顏色應(yīng)該不太引起我的注意的榛；當(dāng)我確認(rèn)關(guān)注它之后，我希望我能一下子在眾多信息中看到它逻锐。
5.動(dòng)態(tài)頁
該頁條理很簡(jiǎn)單清晰夫晌，只由一條條動(dòng)態(tài)從上到下分布雕薪，動(dòng)態(tài)里包含正文和回聲播放功能。自己的動(dòng)態(tài)是可以刪除的晓淀，但是刪除按鈕的卻沒有按鈕樣式所袁，與旁邊的發(fā)布時(shí)間樣式相同，是典型的注釋樣式凶掰，用戶很難意識(shí)到這是可以點(diǎn)擊的區(qū)域燥爷，增加了用戶的思考。用戶可能會(huì)試一試這個(gè)刪除是否有用懦窘，但由于字體相當(dāng)小可能會(huì)造成用戶沒有點(diǎn)擊到有效區(qū)域前翎，這樣用戶就認(rèn)為這是個(gè)無效的按鈕，增加了用戶的疑惑畅涂。
6.“我的”頁面
導(dǎo)航欄的背景變?yōu)橥该鞲刍浜咸摶恼掌尘啊ｍ撁嬷械臈l目以列表形式展開午衰，并且進(jìn)行了分組立宜，但是分組的內(nèi)容有點(diǎn)不太理想。例如“關(guān)于我們”臊岸、“意見反饋”橙数、“版本說明”等不管是初級(jí)用戶還是專家用戶都很少用到的選項(xiàng)沒有和設(shè)置等較為常用的選項(xiàng)分開。這樣使用戶會(huì)將這些本不重要的選項(xiàng)看得和設(shè)置一樣重要帅戒，因?yàn)橛脩魰?huì)認(rèn)為物理位置在旁邊的選項(xiàng)是同一類內(nèi)容灯帮。（小bug：兩個(gè)選項(xiàng)“訂閱的頻道”、“我喜歡的”長(zhǎng)按后顏色不會(huì)變深蜘澜，而其他選項(xiàng)都會(huì)施流，缺乏一致性。）
頭像下方的是提醒功能分組控件鄙信，點(diǎn)擊三個(gè)中的任意一個(gè)都將進(jìn)入提醒主頁面瞪醋，提醒主頁面也有一個(gè)分組控件，但是高亮動(dòng)效都是從第一個(gè)分組轉(zhuǎn)移到選中的分組装诡，讓我覺得“我的”頁面的分組控件是多余的银受，兩個(gè)分組控件來實(shí)現(xiàn)一個(gè)功能是浪費(fèi)。完全可以將提醒作為一個(gè)選項(xiàng)鸦采，與設(shè)置選項(xiàng)同為列表的一項(xiàng)即可宾巍。
7.離線管理頁
導(dǎo)航欄下部有一深色操作按鈕集合區(qū)域，其中有一個(gè)或兩個(gè)按鈕渔伯，按鈕排列沒有與上方分組控件對(duì)齊顶霞。
8.“我喜歡的“頁面
導(dǎo)航欄和分組控件之間有多余的深色區(qū)域，可能是為了區(qū)分，但是看起來并不是很習(xí)慣选浑。
9.發(fā)現(xiàn)好友頁
同“我喜歡的”頁面相同蓝厌，存在多余的區(qū)域，不僅是在導(dǎo)航欄下方古徒，正文的左右兩側(cè)都有小部分的深色區(qū)域拓提，搞不清楚是為了什么能扒，不過和其他頁面也沒有統(tǒng)一起來鹉胖。
分組控件的圖片通過彩色與黑白來有效地告知用戶當(dāng)前的位置。底部一個(gè)類似廣告的欄用于邀請(qǐng)微信好友惩淳，顏色鮮艷能吸引用戶的注意疹吃。
當(dāng)選擇向一位聯(lián)系人發(fā)送邀請(qǐng)時(shí)蹦疑，顯示的是一個(gè)白色背景的通知框且沒有明顯的邊界，由于背景本來就是白色的萨驶，在通知框下移時(shí)能很清楚地看到兩塊白布之間的相互運(yùn)動(dòng)必尼，原因是黑色透明保護(hù)紗消失地太快，通知框還沒有離開屏幕篡撵。
10.發(fā)布回聲頁
頁面很簡(jiǎn)潔，只由兩個(gè)顏色深淺不同的按鈕豆挽，用于分享和錄音育谬。通過視覺引導(dǎo)動(dòng)效的左右，用戶會(huì)感覺自己始終在同一個(gè)頁面帮哈，如同操作一個(gè)flash程序一樣膛檀。
選中的按鈕出奇地被改變?yōu)榛野咨?/p>
在手機(jī)上，電腦上傳按鈕是沒有什么作用的娘侍，只提供教程咖刃，但是樣式和手機(jī)上傳一樣，會(huì)有錯(cuò)誤的引導(dǎo)憾筏。
錄音功能很方便嚎杨，一個(gè)按鈕，高亮和非高亮表示開始和暫停氧腰。完成錄音后繼續(xù)完善相應(yīng)資料即可發(fā)布枫浙。
11.彈幕播放頁
該頁以彈幕屏為主，底部始終有彈幕輸入文本框古拴，點(diǎn)擊文本框后會(huì)顯示發(fā)彈幕的時(shí)間點(diǎn)和彈幕預(yù)覽效果箩帚，讓用戶直觀地看到自己的彈幕將會(huì)是什么樣子。這樣的特色設(shè)計(jì)讓彈幕功能更加容易被用戶記住和使用黄痪。
回聲的進(jìn)度條與回聲的標(biāo)題相結(jié)合紧帕，標(biāo)題欄透明的背景就是進(jìn)度條的空間。標(biāo)題不夠醒目桅打，因?yàn)榛芈暶怯脩舯容^希望得到的信息是嗜，往往一進(jìn)入這個(gè)頁面會(huì)先尋找標(biāo)題（他們希望自己能掌控自己所做的事情）愈案，所以標(biāo)題應(yīng)該放在彈幕屏上部且更加醒目。
12.正在播放頁面
圓形的封面會(huì)在播放時(shí)旋轉(zhuǎn)叠纷，暫停后重置為正常角度刻帚，這里有個(gè)細(xì)節(jié)是用戶重新點(diǎn)擊播放是從原來的地方繼續(xù)下去，那么如果不將封面的角度重置涩嚣，讓它保持與播放的一致性應(yīng)該會(huì)讓用戶覺得更合理一些崇众。
點(diǎn)擊分享出來的提示框周圍有明顯的陰影，增強(qiáng)了擬物化航厚，這與ios9的設(shè)計(jì)規(guī)范不相符合顷歌，而與Material Design設(shè)計(jì)規(guī)范相符。
點(diǎn)擊離線下載幔睬，如果不是會(huì)員的話需要分享之后才能下載眯漩。購(gòu)買會(huì)員的按鈕被著重強(qiáng)調(diào)，鮮亮的顏色背景和按鈕樣式麻顶，相反取消按鈕無背景無樣式赦抖，這是一般商業(yè)需求，希望用戶注意到的是購(gòu)買項(xiàng)辅肾。點(diǎn)擊屏幕其他區(qū)域即可返回上一層队萤，各個(gè)圖標(biāo)離開屏幕的時(shí)機(jī)和速度有所不同，有一定的視覺效果矫钓。
切換播放模式時(shí)要尔，沒有告訴用戶當(dāng)前的模式名稱，雖然有不同的圖標(biāo)新娜，但是大多用戶可能難于分清赵辕，能分清的用戶也希望軟件能快速告訴自己，那么就無需思考概龄。
七还惠、其他
1.未考慮到有不少用戶在晚上使用echo的場(chǎng)景，如睡覺前旁钧、熄燈后等吸重，不能設(shè)置夜間模式，淺色的背景會(huì)給夜間使用的用戶帶來疲勞感歪今。
2.個(gè)人中心頁面和我的頁面大部分內(nèi)容重合嚎幸，可以合并為一個(gè)頁面、
八寄猩、總結(jié)
也許是我第一次太愛挑毛病嫉晶，或者是對(duì)一些設(shè)計(jì)沒有很好的理解，感覺echo存在很多問題。我作為一個(gè)普通用戶看到了一些存在的問題替废，覺得那都是會(huì)存在的問題箍铭。整體在功能上的實(shí)現(xiàn)和邏輯并沒有問題（除了注冊(cè)），而且確實(shí)音樂彈幕功能很有特色椎镣，尤其是現(xiàn)在網(wǎng)絡(luò)直播行業(yè)的興起诈火，彈幕已經(jīng)是一種非常成熟的技術(shù)和受人追捧的形式。
第一次發(fā)布圖片沒有經(jīng)過調(diào)整状答，真的是太大了冷守。。惊科。拍摇。
