pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

網易云音樂IPAD V1.0設計總結

 網易云音樂IPAD V1.0設計總結 三聯

  網易云音樂作為網易旗下的重磅產品,無論做工還是體驗都是同類軟件的翹楚,從Android到iPhone,都是好評如潮。現在iPad端也上線了,產品團隊分享了這款產品從調研到落地的全部過程,希望同學們閱讀完之后可以了解一下專業的設計流程,對今后加入大公司參與工作,非常有幫助呦。

  一切從心開始

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

  一切為iPad用戶量身定做

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

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

  1、化繁為簡——信息結構扁平化「三層結構」

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

項目實戰!網易云音樂iPad V1.0設計總結

  2、便捷和平實的操作手勢

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

項目實戰!網易云音樂iPad V1.0設計總結

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

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

項目實戰!網易云音樂iPad V1.0設計總結

  4、視覺風格

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

項目實戰!網易云音樂iPad V1.0設計總結
項目實戰!網易云音樂iPad V1.0設計總結

  不斷地驗證和打磨設計

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

項目實戰!網易云音樂iPad V1.0設計總結

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

項目實戰!網易云音樂iPad V1.0設計總結

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

  用戶反饋與體驗

  網易云音樂iPad平臺自5月22日正式上架后,得到了用戶的肯定和支持,但是在性能方面和一些細節方面還不夠完善。希望我們的努力和誠意,能夠換來更多喜歡音樂的朋友肯定。在未來的日子里,我們將不斷地為大家帶來更多的驚喜和優質的產品體驗。

項目實戰!網易云音樂iPad V1.0設計總結
【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 深圳办公室装修-写字楼装修设计-深圳标榜装饰公司 | 元拓建材集团官方网站 | 洛阳永磁工业大吊扇研发生产-工厂通风降温解决方案提供商-中实洛阳环境科技有限公司 | 长沙网站建设制作「网站优化推广」-网页设计公司-速马科技官网 | 北京发电机出租_发电机租赁_北京发电机维修 - 河北腾伦发电机出租 | 有福网(yofus.com)洗照片冲印,毕业聚会纪念册相册制作个性DIY平台 | 气弹簧定制-气动杆-可控气弹簧-不锈钢阻尼器-工业气弹簧-可调节气弹簧厂家-常州巨腾气弹簧供应商 | 生物颗粒燃烧机-生物质燃烧机-热风炉-生物颗粒蒸汽发生器-丽水市久凯能源设备有限公司 | 阴离子聚丙烯酰胺价格_PAM_高分子聚丙烯酰胺厂家-河南泰航净水材料有限公司 | 可程式恒温恒湿试验箱|恒温恒湿箱|恒温恒湿试验箱|恒温恒湿老化试验箱|高低温试验箱价格报价-广东德瑞检测设备有限公司 | 电伴热系统施工_仪表电伴热保温箱厂家_沃安电伴热管缆工业技术(济南)有限公司 | 泥浆在线密度计厂家-防爆数字压力表-膜盒-远传压力表厂家-江苏大亚自控设备有限公司 | 四川成人高考_四川成考报名网 | 欧盟ce检测认证_reach检测报告_第三方检测中心-深圳市威腾检验技术有限公司 | 自进式锚杆-自钻式中空注浆锚杆-洛阳恒诺锚固锚杆生产厂家 | 车充外壳,车载充电器外壳,车载点烟器外壳,点烟器连接头,旅行充充电器外壳,手机充电器外壳,深圳市华科达塑胶五金有限公司 | 光环国际-新三板公司_股票代码:838504 | 365文案网_全网创意文案句子素材站 | CE认证_产品欧盟ROHS-REACH检测机构-商通检测| 北京网站建设首页,做网站选【优站网】,专注北京网站建设,北京网站推广,天津网站建设,天津网站推广,小程序,手机APP的开发。 | 诗词大全-古诗名句 - 古诗词赏析 | 登车桥动力单元-非标液压泵站-非标液压系统-深圳市三好科技有限公司 | 【化妆品备案】进口化妆品备案流程-深圳美尚美化妆品有限公司 | 英语词典_成语词典_日语词典_法语词典_在线词典网 | 压缩空气检测_气体_水质找上海京工-服务专业、价格合理 | 电伴热系统施工_仪表电伴热保温箱厂家_沃安电伴热管缆工业技术(济南)有限公司 | AGV叉车|无人叉车|AGV智能叉车|AGV搬运车-江西丹巴赫机器人股份有限公司 | 软启动器-上海能曼电气有限公司 真空搅拌机-行星搅拌机-双行星动力混合机-广州市番禺区源创化工设备厂 | 杭州代理记账费用-公司注销需要多久-公司变更监事_杭州福道财务管理咨询有限公司 | 送料机_高速冲床送料机_NC伺服滚轮送料机厂家-东莞市久谐自动化设备有限公司 | 内六角扳手「厂家」-温州市威豪五金工具有限公司 | 西子馋火锅鸡加盟-太原市龙城酉鼎餐饮管理有限公司 | led太阳能路灯厂家价格_风光互补庭院灯_农村市政工程路灯-中山华可路灯品牌 | 大巴租车平台承接包车,通勤班车,巴士租赁业务 - 鸿鸣巴士 | 上海平衡机-单面卧式动平衡机-万向节动平衡机-圈带动平衡机厂家-上海申岢动平衡机制造有限公司 | 西装定制/做厂家/公司_西装订做/制价格/费用-北京圣达信西装 | 管理会计网-PCMA初级管理会计,中级管理会计考试网站 | PCB接线端子_栅板式端子_线路板连接器_端子排生产厂家-置恒电气 喷码机,激光喷码打码机,鸡蛋打码机,手持打码机,自动喷码机,一物一码防伪溯源-恒欣瑞达有限公司 假肢-假肢价格-假肢厂家-河南假肢-郑州市力康假肢矫形器有限公司 | 深圳公司注册-工商注册代理-注册公司流程和费用_护航财税 | 拖链电缆_柔性电缆_伺服电缆_坦克链电缆-深圳市顺电工业电缆有限公司 | 澳洁干洗店加盟-洗衣店干洗连锁「澳洁干洗免费一对一贴心服务」 干洗加盟网-洗衣店品牌排行-干洗设备价格-干洗连锁加盟指南 |