中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

成都網(wǎng)站設計分析網(wǎng)易云音樂iPad V1.0 設計

2016-09-09    分類: 網(wǎng)站設計

成都網(wǎng)站設計分析網(wǎng)易云音樂iPad V1.0 設計

一切從心開始

當網(wǎng)易云音樂iphone平臺上線的那一刻開始,項目組就不斷地收到了很多用戶希望iPad平臺早日上線的呼聲。這種期待給了我們一種無形的力量,也讓我們更加堅信我們不能隨隨便便地把iPhone的所有設計照抄照搬,簡簡單單做個適配而已,哪怕它是一個用戶為數(shù)不多的平臺,我們也要從“心”開始,給喜歡音樂的朋友一個有誠意的專屬于iPad平臺的音樂產品。

一切為iPad用戶量身定做

從我們開始接到設計iPad平臺任務時候,我們就一直在思考iPad用戶聽音樂的行為和習慣。我們用戶通過問卷調查和用戶訪談去探究用戶使用iPad聽音樂的習慣和特征。

相較于手機端,iPad平臺使用場景比較集中,在移動場景和固定場景下用戶表現(xiàn)的行為特征也較為突出。同時iPad用戶具有一心二用的特性,往往是一邊在“玩游戲”,“看小說”,“看新聞”時,一邊聽音樂。這要求。我們在設計上不能過于繁瑣,層級不能過深。一切以方便用戶便捷操作為核心進行整個版本的設計。

(1)化繁為簡——信息結構扁平化-三層結構

在云音樂的移動端,由于屏幕尺寸原因,采用了常規(guī)的“遞進式”層層深入的界面信息架構,常常會因層級太深,而使用戶需要一層一層跳轉界面來達到用戶的需求。在前期對于iPad平臺上面應用調研的時候,很多產品還是沿襲手機端的架構設計方式,并沒有很好利用iPad這個平臺的特性,于是針對云音樂的信息架構進行很多探索性的嘗試,最終采用了“三層結構”模式,使龐大的產品系統(tǒng)進行扁平化設計,化繁為簡,去滿足iPad用戶的使用習慣。

(2)便捷和平實的操作手勢

結合簡潔的三層結構模式的運用,使用手勢也是iPad用戶不可以缺少的快捷操作。云音樂是一個功能豐富的音樂產品,界面跳轉邏輯較為復雜,返回操作頻繁。但是在網(wǎng)易云音樂ipad平臺上,幾乎沒有任何返回button。僅憑手勢就可以游走于三層結構的所有界面。同時對于音樂切歌,MV的快進快退都做了手勢的設計,滿足iPad用戶快捷操作的需求。

手勢21.png

(3)在功能強大與易用中求取平衡

網(wǎng)易云音樂是一個功能豐富的音樂產品,在滿足音樂用戶多元化需求的同時,我們對用戶操作體驗易用性也從來沒有放松。尤其對iPad較為大尺寸的屏幕,如何合理的運用是設計師不得不思考的問題。比如我們的播放頁大概有18個操作button。如何針對操作的分類與整理是讓設計師較為頭疼的事情。設計師們一遍一遍嘗試和修改。在復雜中去探索簡約之道,使在功能強大與易用中求取平衡。

播放頁2.png

(4)視覺風格

網(wǎng)易云音樂在總體視覺風格上進行了大膽的改變及創(chuàng)新。從原來深沉的的紅黑主色調變成了如今的素雅紅白主色調,給人以清新淡雅的感覺。在設計上也趨于當今最流行的扁平化的風格設計,在每個界面上都精雕玉琢,界面簡潔又不失個性與內涵。

主頁面2.png

電臺2.png

不斷地驗證和打磨設計

從產品初期的信息架構,到交互草稿,初稿,可操作的原型,我們幾乎時時刻刻都在討論的用戶的操作邏輯,界面的元素擺放,針對平臺特性的優(yōu)化。由于iPadV1.0是一個全功能甚至比現(xiàn)有移動平臺功能還多的特殊平臺,在面對全新且功能眾多,邏輯復雜的,設計師為了完整和準確地表述自己的設計想法。用紙面原型表現(xiàn)界面之間的邏輯和跳轉關系,為溝通帶了極大的便捷。

討論.png

為了較真實地反應出我們在設計中所存在的問題,我們通過制作高保真可操作的原型(幾乎試遍了所有在iPad上的原型工具,最后用Justinmind來模擬最終效果),很好地還原了我們預期的測試效果,將整個應用的信息架構,界面切換和交互行為都完整呈現(xiàn)在用戶面前。

測試2.png

在開發(fā)過程中,設計師為了能夠捕捉每一個細節(jié),用動畫demo來模擬響應時間和動效的流暢性。對每個細節(jié)做到斤斤計較。同時便于開發(fā)快速理解設計師的原意。很大程度上提高了產品的開發(fā)效率。

用戶反饋與體驗

網(wǎng)易云音樂iPad平臺自5月22日正式上架后,得到了用戶的肯定和支持,但是在性能方面和一些細節(jié)方面還不夠完善。希望我們的努力和誠意,能夠換來更多喜歡音樂的朋友肯定。在未來的日子里,我們將不斷地為大家?guī)砀嗟捏@喜和優(yōu)質的產品體驗。

反饋.png

文章題目:成都網(wǎng)站設計分析網(wǎng)易云音樂iPad V1.0 設計
新聞來源:http://m.2m8n56k.cn/news12/43662.html

網(wǎng)站建設、網(wǎng)絡推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡營銷seo公司;服務項目有網(wǎng)站設計

廣告

聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:[email protected]。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站
主站蜘蛛池模板: 国产亚洲精品高清在线 | 国产三级做爰在线观看视频 | 免费国产视频在线观看 | 123成人网 | 亚洲gogo人体大胆西西安徽 | 欧美成人性做爰网站免费 | 国产日韩亚洲不卡高清在线观看 | 国产乱淫a∨片免费视频 | 色色视频免费网 | 在线观看国产一区 | www.色午夜| 小泽玛利亚的一级毛片的 | 午夜精品尤物福利视频在线 | 99免费在线视频 | 日韩一级在线播放免费观看 | 日韩一级影院 | 精品视频 久久久 | 在线观看国产一区二区三区99 | 亚洲va久久久噜噜噜久久狠狠 | 免费福利入口在线观看 | 免费欧洲毛片a级视频无风险 | 欧美在线视 | 泰国情欲片寂寞的寡妇在线观看 | 国产综合亚洲专区在线 | 亚洲精品国产拍拍拍拍拍 | 国产孕妇做受视频在线观看 | 视频日韩 | 国产在线视频一区二区三区 | 国产国语高清在线视频二区 | 亚洲精品久久玖玖玖玖 | 久久久久视频精品网 | 亚洲成人在线视频网站 | 成人午夜性视频欧美成人 | 毛片在线网站 | 韩国巨胸女三级视频网 | 久久草网站 | 欧美一做特黄毛片 | 午夜欧美性欧美 | 免费观看呢日本天堂视频 | 亚洲人妖女同在线播放 | 国产在线播放一区 |