豆瓣APP UI Redesign

今天分享的是最近做的一个豆瓣的Redesign。对喜欢看书、电影、音乐乃至参加同城线下活动的文青(本意!不带贬义)们而言,豆瓣在国内来说应该是寻找同好、交流书影音评价的第一平台了,用户体验和界面的设计在同类竞品中也可以说是经过长时间线上检验和迭代打磨的佼佼者。所以选择豆瓣做重设计也是一个挑战,但我相信任何设计都有进一步优化的空间,这次重设计作为习作,缺乏定量对比的情况下,也并非在贸然比较哪种设计更好,只是为一些改善的可能性提供一些设想。

这两年豆瓣无论是web端还是APP都进行了一系列比较大的改版,一个大的趋势是将书影音模块和社交模块逐渐割裂。毕竟,虽然社交模块的某些愈演愈烈的糟糕风气让豆瓣吸引了一定数量的用户,但这并不是豆瓣团队的初衷。而书影音模块依旧可以为用户交流对书、影、音的评价,或者单纯地当做已读书单(影单、歌单)的索引提供方便的平台。本次重设计的重点也是集中在书影音模块的呈现方式上。

本次重设计基于豆瓣APP(iOS 4.5.0)进行,范围主要包括:APP的LOGO重设计;首页、书影音、广播、小组、我的——5个主要模块的一级页面,以及部分具有典型性或重要功能的内部页面的重设计。重设计的方面包括整体视觉风格、交互方式、信息架构、信息层级、模块与控件布局等。

这次Redesign的核心是在豆瓣这类典型的内容型应用(尤其是书影音模块)中引入卡片式设计,以优化内容本身的呈现方式与美观度,提供更有序、可控的浏览体验,同时解决现行版本存在的一致性问题。设计中以Giles Colborne的交互设计四策略作为指导原则——合理删除、分层组织、适时隐藏、巧妙转移。
希望朋友们喜欢,欢迎各种拍砖指点~

英文版见Behance:https://www.behance.net/gallery/44299375/Douban-APP-UI-Redesign




Qinsman wechat
关注我的公众号,一个卖馒头,也卖故事的地方:)