產(chǎn)品體驗系列模塊正式啟動啦~
每期分享10個優(yōu)秀設(shè)計+1個思考啤誊；
靈感、方案拥娄、審美蚊锹、眼界 來源于日常儲備。
1.網(wǎng)易云音樂
設(shè)計點：通過使用場景定制頁面稚瘾，找準(zhǔn)用戶當(dāng)前最需要什么
“網(wǎng)易云音樂”在有網(wǎng)與無網(wǎng)狀態(tài)下打開應(yīng)用的跳轉(zhuǎn)頁面是不同的牡昆。因為對于用戶而言，只有在有網(wǎng)絡(luò)的場景里才會在線聽歌摊欠，當(dāng)播放器處于無網(wǎng)狀態(tài)下能夠播放的只有本地音樂丢烘。所以設(shè)計團隊根據(jù)用戶具體的使用場景，設(shè)定用戶在有網(wǎng)狀態(tài)下打開App會進入“發(fā)現(xiàn)”的音樂首頁些椒，而在無網(wǎng)場景里會直接跳轉(zhuǎn)到“我的音樂”頁面播瞳。音樂首頁便于用戶發(fā)現(xiàn)最新音樂資訊與歌單推薦，在線聽歌免糕；而“我的音樂”方便直接打開“本地音樂”列表赢乓，離線聽歌。好的體驗永遠離不開場景特征與需求石窑，區(qū)別化的頁面跳轉(zhuǎn)為用戶縮短了行為路徑牌芋，節(jié)省了操作步驟，讓使用體驗更貼合具體使用場景尼斧。
2.虎嗅網(wǎng)
?在“虎嗅網(wǎng)”閱讀文章資訊的時候姜贡，看到某些點切中要害難免要去看一下其他用戶的評論。點擊評論圖標(biāo)棺棵，頁面會快速略過中間頁面滾動到評論區(qū)域楼咳，評論圖標(biāo)也會變成文章圖標(biāo)熄捍。“滾動”的行為和圖標(biāo)的變化其實在無形中可以起到暗示用戶再次點擊可以返回的作用母怜。不管閱讀到文章或評論的哪個位置余耽，這樣的切換都能定位到你剛剛閱讀的位置，省去了來回上下閱讀切換的時長苹熏。這也是我一直閱讀長文的時覺得麻煩的地方碟贾，對于資訊類應(yīng)用來說虎嗅在這點上做的很棒。
3.知乎
設(shè)計點：輸入前有引導(dǎo)轨域、輸入中有補全袱耽、輸入后有反饋
?知乎的提問功能有2個小細節(jié)值得稱贊，一個是輸入時會將輸入的文字和已有提問的關(guān)鍵字進行匹配干发，然后展示出來朱巨，讓提問者可以快速閱讀到自己想要的回答；二是問題輸入后點擊添加問題描述時枉长，問題會自動增加結(jié)尾問號冀续，比起未輸入時提醒用戶更加智能、方便必峰。
4.今日頭條
設(shè)計點：細節(jié)在思考之后洪唐、圖形表達需要包含場景
?在“今日頭條”未登錄的情況下,tab欄的文案顯示為“未登錄”且圖標(biāo)是表示睡覺含義帶有“ZZ”細節(jié)的圖形。登錄后tab欄的文案變成“我的”吼蚁，體現(xiàn)睡覺含義的人形圖標(biāo)也變成了普通的狀態(tài)凭需。“未登錄”與“未醒”都具有“不在線”的意象,這里很巧妙的將兩者聯(lián)系起來進行設(shè)計肝匆。tab欄的icon對應(yīng)登錄狀態(tài)有不同的視覺體現(xiàn)功炮，能更直觀的讓用戶明確自己目前的登錄狀態(tài)與所處位置。
5.即刻
設(shè)計點：截圖后的圖片與“產(chǎn)品使用中的體驗”關(guān)聯(lián)性不大术唬，畢竟截圖后怎么使用該圖片，屬于產(chǎn)品之外的場景了滚澜。所以粗仓，品牌與體驗之間的取舍，在該場景上 選擇了保留品牌性
為圖片添加水印是每個平臺宣傳自己最簡單直觀的一種方式设捐，但加了水印的圖片會破壞視覺效果影響體驗借浊，引起用戶的不爽（特別是強迫癥用戶）。如何拿捏宣傳品牌與顧及用戶感受之間的平衡萝招，就是考驗各家團隊聰明才智的時候了蚂斤。“即刻”app利用了iPhone手機劉海屏的視覺盲區(qū)槐沼，巧妙的將自家的水印藏在了劉海屏之下曙蒸。用戶進行截屏操作時并不會看到任何水印添加的痕跡捌治，只有在查看已完成的截屏圖片時才會發(fā)現(xiàn)界面頂部中間的水印。團隊里面?zhèn)€個都是人才纽窟，說話又好聽~
6.支付寶
設(shè)計點：比起那些炫酷的“點贊”動效肖油，更貼合實際的微交互，也能做到差異化
今天有被“螞蟻森林”生活號文章評論區(qū)的“點贊”交互萌到爆臂港。和其他產(chǎn)品的點贊icon設(shè)計不同森枪，“螞蟻森林”的點贊按鈕在點贊前是呈現(xiàn)大拇指被握住的樣子，好像在為點贊的動作做準(zhǔn)備审孽。點贊后才會變成我們印象里表示贊許的豎起大拇指的形象县袱。用微交互惟妙惟肖地展現(xiàn)出我們?yōu)樗它c贊時動作的全過程，很容易引起內(nèi)心共鳴佑力∈缴ⅲ看著已經(jīng)握著大拇指躍躍欲試想要點贊的圖標(biāo)，你會不會想要點個贊幫它豎起大拇指呢搓萧？
7.餓了么
設(shè)計點：場景細分能發(fā)現(xiàn)更多的設(shè)計點
在“餓了么”點餐后杂数，app會用可視化的信息展示從店家配餐到騎手接單、取餐瘸洛、配送的全過程揍移。讓點單者對自己的外賣是如何送達的每個步驟都清楚明了，用信息的透明化獲得用戶的信任反肋。除此之外那伐，展示外賣配送信息的頁面還有情感化設(shè)計的小巧思：商家接單時，圖示會在地圖中顯示店鋪的卡通形象石蔗；騎手接單后罕邀，信息會定位到騎手，畫面展現(xiàn)騎手騎車趕往商家的樣子养距。當(dāng)騎手到店去店內(nèi)取餐了诉探，你還能看到卡通形象的送餐摩托車上空無一人停靠在餐廳邊上的情景棍厌。針對不同情景的信息展示肾胯，設(shè)計不同的可視化形象，整個配送過程都變得生動有趣了耘纱。
8.網(wǎng)易云音樂
應(yīng)該很多人都未發(fā)現(xiàn)敬肚，在用“網(wǎng)易云音樂”聽歌時直接拖拽右上角的在播曲目可直接將其添加至自己的歌單。通常我們都會在歌曲播放頁面執(zhí)行添加歌曲到指定歌單的操作束析，所以這個設(shè)計隱蔽的手勢交互可能只是快捷操作的替換方案（“彩蛋”型設(shè)計）艳馒，并沒有明顯的引導(dǎo)提示。雖不易被發(fā)現(xiàn)员寇，但實用性還是很強的弄慰。
9.嗶哩嗶哩
注冊各種應(yīng)用的時候第美，用戶名和頭像的選擇都是讓人糾結(jié)的問題（“糾結(jié)”產(chǎn)生了一個用戶訴求）。小電視家為你貼心的準(zhǔn)備了隨機頭像的解決方案曹动。在“帳號資料”界面斋日，選擇頭像編輯可以看到“隨機”的選項∧钩拢“隨機”按鈕是可以多次使用的恶守，如果對被分配的頭像不滿意，可以一直切換隨機頭像贡必。系統(tǒng)提供的頭像形象都是2233的搞怪表情兔港，有趣的同時也為品牌提升了記憶點。
10.騰訊理財通
設(shè)計點：金融/理財/支付的設(shè)計要嚴謹考慮仔拟，幫助用戶記憶的同時衫樊，也降低了檢查導(dǎo)致的時間成本
在“騰訊理財通”里輸入理財金額時，超過四位數(shù)金額顯示的數(shù)字第一位就會自動標(biāo)注“萬”利花、“十萬”科侈、“千萬”這樣的計數(shù)單位。這個貼心的提示設(shè)計炒事，能方便用戶立即識別金額臀栈，避免輸入錯誤。其實很多的理財類應(yīng)用為了方便用戶查看金額挠乳，會使用“千分符”來對數(shù)字進行劃分权薯。但以三位數(shù)為單位劃分的“千進制”畢竟是西方文化的產(chǎn)物，并不符合國人的思維習(xí)慣（“文化”差異）睡扬。所以從設(shè)計邏輯上而言盟蚣，這個細節(jié)的設(shè)計是很贊的。
本期思考【什么是好的產(chǎn)品卖怜？】
對使用者：
滿足用戶的需求屎开、解決問題是最最基本的條件。必須經(jīng)歷從可用→易用→好用的迭代過程马靠。不同的人對同一款產(chǎn)品感受也不同牍戚。但是，達到“好用”境界的思路卻是共通的虑粥，那就是不斷發(fā)掘用戶的使用場景，提高產(chǎn)品在不同使用場景下的服務(wù)水平宪哩。產(chǎn)品設(shè)計的話題非常廣泛娩贷，如果用易感知的架構(gòu)層、表現(xiàn)層概括的話：首先锁孟，產(chǎn)品的功能架構(gòu)要清晰合理彬祖，符合用戶心理預(yù)期茁瘦，這樣有利于提高用戶的易通性。其次储笑，交互設(shè)計的流程需要高效甜熔、簡潔、直接突倍，服務(wù)用戶完成任務(wù)時腔稀，不要拖泥帶水（性能差、反饋遲羽历、流程亂焊虏、感知難、界面丑）秕磷。再者诵闭，界面布局要為信息做設(shè)計，不能拿來既用澎嚣，整體調(diào)性要符合目標(biāo)用戶的認知疏尿。話說回來，我們目的就是讓產(chǎn)品變的更聰明易桃。
對設(shè)計者：
最基本的是產(chǎn)品的商業(yè)價值褥琐，比如說盈利、為其他產(chǎn)品引流等等颈抚。產(chǎn)品喪失了商業(yè)性踩衩，我不認為是一個好產(chǎn)品。就像“視覺服從于功能贩汉、功能服從于商業(yè)”的道理一樣驱富。同時，對設(shè)計者也有情感層面的交際匹舞，好的產(chǎn)品能帶給設(shè)計者一種認同感褐鸥、滿足感，甚至是達成某種成就赐稽。這種情感上的寄托和慰藉我覺得也是非常重要的叫榕，因為它比物質(zhì)上的獎勵更加能激發(fā)人的熱情（雖然我喜歡錢，但對行業(yè)的熱情就是隱形的印鈔機）而熱情又能投入到產(chǎn)品設(shè)計過程中姊舵，形成良性互補晰绎。
對企業(yè)：
企業(yè)相比個人而言，會站在一個更加宏觀的角度去看待一個產(chǎn)品對企業(yè)括丁，乃至對社會帶來的價值荞下、份額。比如，好的產(chǎn)品可能不僅僅是局限于該產(chǎn)品本身尖昏，還可以有相關(guān)的衍生品仰税。就像QQ這款國民級產(chǎn)品，還促進了相關(guān)文化產(chǎn)品的熱賣抽诉。
對行業(yè)：
好的產(chǎn)品能帶來行業(yè)的蓬勃發(fā)展陨簇，甚至為上下游行業(yè)帶來發(fā)展紅利。比如iPhone是一款優(yōu)秀的迹淌、成功的產(chǎn)品河绽，這是不可否認的事實。iPhone的誕生開啟了智能手機的時代巍沙，打開了智能手機行業(yè)這一千億美元的市場蛋糕葵姥。同時，iPhone也促進了屏幕句携、芯片榔幸、代工等行業(yè)的發(fā)展。
希望對你有所幫助矮嫉，下期再見~
往期知識點削咆，了解一下：
《產(chǎn)品體驗日記 | 發(fā)現(xiàn)優(yōu)秀的設(shè)計-01期》
《產(chǎn)品體驗日記 | 發(fā)現(xiàn)優(yōu)秀的設(shè)計-02期》
《用戶訪談 | 深度解析，你需要離用戶更近一些 (附模板) 》
《產(chǎn)品體驗報告 | 要深度分析蠢笋，不要表面賞析》
