回頭看“有趣的設計”
在日常使用產(chǎn)品中,我們總能發(fā)現(xiàn)一些巧妙的設計。作者總結(jié)了一些有趣的設計案例,與你一起分享,一起來看看吧。
告別職業(yè)UX設計已經(jīng)大半年了,周末閑暇在整理電腦里之前的設計文件時無意看到一個命名為“有趣的設計”文件夾,打開看看發(fā)現(xiàn)是一些設計案例截圖,雖然已經(jīng)過去很久卻又感覺很熟悉,這些巧妙的設計讓我對設計這個行業(yè)由衷向往,對能想到這些點子的設計師點贊。
一、設計案例分享
1. 有趣的按鈕
新浪微博的消息“一鍵清掃”功能,給強迫癥患者帶來福音。同時它為了防止用戶誤操作,用彈窗提醒用戶確認清掃操作,既解決了用戶界面太多小紅點的困擾,又避免了用戶因為誤觸錯過重要的未讀消息。
知乎在查看問題回答的頁面,“下一個回答”按鈕能夠幫助用戶快速切換內(nèi)容,還可以支持用戶自由拖拽到自己不會誤觸的位置,既幫助用戶節(jié)約了操作時間,又尊重了用戶習慣(可以將按鈕拖拽到方便自己觸摸又不遮擋正文的區(qū)域)。
大眾點評APP當用戶瀏覽頁面往下滑動超過一屏內(nèi)容時,會把主要常用的金剛區(qū)功能入口按鈕置頂方便用戶點擊。既避免了用戶滑回頂部才能找到相關按鈕的麻煩,又不影響用戶繼續(xù)往下滑動頁面瀏覽其他內(nèi)容,同時也起到了一定引流的作用。
在瀏覽微信公眾號文章時,有時文章會很長或者需要臨時回復微信消息時,可以通過右滑操作將文章收進浮窗內(nèi),下次通過點擊浮窗按鈕即可繼續(xù)閱讀。既不阻止用戶暫停去做其他緊急的事,又留給用戶返回繼續(xù)閱讀的機會。
一款聊天工具的聊天頁面底部“圖片/表情”圖標,在白天時是太陽跟睜眼的擬物形狀,到了夜晚會轉(zhuǎn)變成月亮跟閉眼的擬物形狀。很細微的設計,可能都不會被人察覺卻給用戶一份非常體貼的用心與驚喜。
在支付寶“朋友”(新版改名消息)頁面往上滑動時,底部會出現(xiàn)一個“找人轉(zhuǎn)賬”的按鈕,點擊后選擇“朋友列表”。做到了提前預判用戶行為,從而縮短了用戶操作路徑提高了用戶操作效率。
在工具類應用飛書中,底部tab導航欄的功能按鈕的設計比較特別和富有新意,正常產(chǎn)品應用底部tab欄下方最多展示五個按鈕,在交互設計原則中有描述“4+/-1”的數(shù)量是比較符合人的記憶習慣。
飛書的底部最多也是5個功能,只是多增加了一個“更多”的模塊,讓模塊變?yōu)?個部分,用于業(yè)務功能的編輯。編輯的內(nèi)容包括對功能展示、隱藏和順序的調(diào)整。用戶在使用產(chǎn)品的過程中可以針對自己比較高頻的應用場景去選擇功能。靈活的功能編輯在某種程度上確實可以讓用戶選擇更加的方便。
在新下載的app或者很久沒有啟動過的app中,打開后都會有登陸的提醒,但并不是每個用戶都會第一時間去登陸,先體驗后登陸是一般用戶的常規(guī)決定。今日頭條APP這里為了讓用戶可以去登陸,選擇在未登錄的時候“我的頁面”按鈕文案改為未登錄,用戶在首頁瀏覽內(nèi)容的時候也是可以看到自己的登錄狀態(tài),引導用戶去完成登陸的動作。
二、有趣的圖片
餓了么APP在不同的天氣情況下,以不同的圖片展示形式來緩解用戶等待餐食焦慮和騎士送餐壓力。將情感融入到產(chǎn)品設計中,給用戶一份心靈上的觸動與慰藉。
高德地圖APP,視覺障礙模式設置,保障視障用戶的產(chǎn)品體驗。(無障礙設計始見于1974年,初衷是使殘疾人與健康人享有“平等地位”的環(huán)境設計)在產(chǎn)品設計中,無障礙設計指任何人在任何情況下都能平等、方便、無障礙地獲取信息和使用功能,是以殘疾人為目標群體的設計。
B站APP將用戶自己的ID二維碼與掃碼功能設置在了同一個界面,加好友時直接打開“掃一掃”界面就可以同時應對兩種功能需求了(“我掃你還是你掃我”)。優(yōu)化了功能的操作路徑,也避免了用戶詢問掃碼對象的麻煩和小尷尬十分貼心。
新版的“高德地圖”優(yōu)化了目的地營業(yè)時間查詢的功能,用戶不僅可以通過定位結(jié)果查詢到該地址的辦公時間、電話等信息,系統(tǒng)還會在導航路線里提醒用戶店鋪是否處于打烊狀態(tài)。將營業(yè)時間查詢功能直接嵌入到導航結(jié)果之中,能在第一時間給予用戶貼心提示,避免用戶浪費時間走冤枉路。
團隊展示界面的hover效果,就讓人意想不到眼前一亮:當鼠標移入到單個成員的半身像時,原本正襟危坐的照片會變成另一張展示該成員個性或喜好的生活搞怪照片。這樣的設計利于團隊的歸屬感與凝聚力提升,也展現(xiàn)了團隊的開放、活力、創(chuàng)新、年輕化。
網(wǎng)易云音樂APP,在有網(wǎng)與無網(wǎng)狀態(tài)下打開應用的跳轉(zhuǎn)頁面是不同的。設計團隊根據(jù)用戶具體的使用場景,設定用戶在有網(wǎng)狀態(tài)下打開App會進入“發(fā)現(xiàn)”的音樂首頁,而在無網(wǎng)場景里會直接跳轉(zhuǎn)到“我的音樂”頁面。
好的設計永遠離不開場景特征與需求,區(qū)別化的頁面跳轉(zhuǎn)為用戶縮短了操作路徑,節(jié)省了操作時間,讓使用體驗更貼合具體使用場景。
關于用戶分層的場景設計中,我們還可以區(qū)分用戶不同的狀態(tài)、身份來對界面進行差異化布局,最典型的代表就是用戶的會員身份。會員它分為很多不同的階段,從開通會員到會員到期,用戶在不同階段對于內(nèi)容的關注上也存在很大的差異的,例如未開通會員展示更多的價格、權益信息,吸引消費決策。我們可以從這個角度出發(fā),區(qū)分用戶的會員狀態(tài),進一步來進行差異化設計從而提高不同階段用戶的行為決策效率。
總結(jié)
打造卓越的用戶體驗設計是產(chǎn)品經(jīng)理的重要職責。設計思維,是一種以用戶為中心,解決復雜問題的創(chuàng)新方法。在產(chǎn)品設計過程中,我們應充分運用設計思維,圍繞用戶需求,進行發(fā)散性、創(chuàng)新性思考,從而得出獨特且實用的設計方案。
作為產(chǎn)品經(jīng)理,我們需要不斷學習,提升自身的能力和素質(zhì),關注行業(yè)動態(tài),同時結(jié)合項目實踐,不斷總結(jié)和積累經(jīng)驗。只有這樣,我們才能創(chuàng)造出真正符合用戶需求,提供優(yōu)質(zhì)體驗的產(chǎn)品。
本文由 @Zero0304 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議。
該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。
歷害
謝謝