產品體驗日記(二) | 日常儲備,發現優秀的設計

4 評論 3408 瀏覽 32 收藏 13 分鐘

文章給大家分享一些作者覺得優秀的設計,并分析優秀的點在哪里,一起來看看~

1. 支付寶

設計點:對用戶的操作進行預判,預判結果大概率滿足大部分人即可,體驗設計的行為 是將產品變的更聰明(既產品與用戶交流、解決問題時),操作預判就是體現“聰明”的設計點。

以前在支付寶給好友轉賬時你可能遇到過在聊天窗口直接將數字發送給對方的尷尬體驗,新版支付寶針對這一問題進行了很好的優化。在好友聊天窗口輸入純數字,系統會自動彈出“給對方轉賬xx元”的懸浮條提示,點擊懸浮條即可進行一鍵轉賬操作。這個細節的優化不僅修復了以前的問題提升了產品易用性,也更加突出了支付寶作為支付工具的功能屬性。

產品體驗日記 | 發現優秀的設計-02期

2. 有道云筆記

設計點:記住用戶的小習慣和記住密碼一樣方便,體貼的產品關心用戶喜好。

第三方授權登錄因其無需注冊降低了體驗成本也利于快速整合用戶資源,越來越受到產品設計的青睞。但新的困擾又出現了:如果你不總是使用同一個第三方賬號去授權登錄不同App,很有可能會記混淆授權賬號。有道云筆記的登錄頁上自動提示了上次登錄的ID信息,對于總是忘記登錄賬號的人來說瞬間有種被拯救的感動,很小的一個細節卻讓人對產品的好感度蹭蹭往上漲。

產品體驗日記 | 發現優秀的設計-02期

3. 愛彼迎

設計點:場景細分,將一個流程細分為多個場景,根據當前場景考慮用戶最需要的點。

注冊流程中,愛彼迎將該流程拆分成了4步,每個頁面致力于只做1件事情,不知不覺中減少了用戶的認知負荷,進入界面時鍵盤自動彈起(自動提供相應的鍵盤),減少了用戶操作次數。當App注冊流程出現問題時,產品團隊也可以及時發現定位到哪個步驟出了問題,譬如:為什么驗證碼會發送會有延遲。同時文案的處理方式也感覺是在聊天,而不是“審問”,這才是表單錄入該有的樣子。

產品體驗日記 | 發現優秀的設計-02期

4. VUE

視頻的編輯處理通常比較耗費時間,當辛苦了大半天編輯好準備存儲時,你肯定不想出現什么差錯,所以VUE在這里告訴用戶不要急著退出,防止視頻保存失敗,并采用長方形的順時針進度條,打破存儲時枯燥無預期的形式。簡約不失時尚感,讓用戶既能專注于內容本身,又能緩解存儲等待時的焦慮情緒。這份儀式感也充分體現了“操作中有反饋”的交互原理。

產品體驗日記 | 發現優秀的設計-02期

5. 掌上生活

設計點:有效的組織信息能達到簡化流程的目的,

在各平臺購買電影票時我們都會遇到同一個困擾 :好不容易選好影院與片子還要在電影放送時間與座位上做選擇,如果位置不合適就需要不斷退出當前頁面切換其他場次查看。

這種需要多次跳轉切換頁面的操作十分麻煩,也不利于對電影不同場次的可選座位進行對比。招行信用卡的官方APP“掌上生活”在這一塊兒的設計就特別人性化——同一影院里某部影片的所有排片場次信息都可在一個頁面里切換查看并進行選座,減少了不必要的頁面跳轉、簡化了操作流程也為用戶對比排片信息提供了方便。

產品體驗日記 | 發現優秀的設計-02期

6. 微信讀書

設計點:設計源于生活,將現實場景映射到設計中。

讀紙質書時我們習慣將書簽卡在書頁上方來標記閱讀進度,然而如果是電子書你會期待怎樣的書簽添加方式呢?

“下拉添加書簽,松手刪除書簽”,“微信讀書”用交互手勢輕松實現了給書本添刪書簽的功能。帶有彈力感的滑動過程讓下拉的交互流暢有爽感,模擬紙質書書簽放置習慣的書簽出現位置讓用戶感到合理而親切。完成本次閱讀退出App等到下一次再進入應用時,用戶閱讀記錄最近的那本書會自動翻開至添加書簽的那一頁,這個小細節的設置對使用體驗而言也是很棒的加分項。

產品體驗日記 | 發現優秀的設計-02期

7. 夸克瀏覽器

設計點:密密麻麻的英文字母,想要從中插入或補全都是件非常費眼的事,將常用的后綴、符號、光標操作提前為用戶準備好,將會大大降低錄入成本。

大多數瀏覽器會將地址欄放在頁面頂部,夸克瀏覽器卻特立獨行地將搜索框與地址欄整合到一起放置到頁面底部。離鍵盤更近的距離,讓用戶進行輸入操作更輕松。此外,應用在輸入網址時還貼心地為用戶提供了一個快速補全工具條,用于一鍵輸入常用網址的符號與后綴。

工具條中間還放置著一個可以移動輸入光標的“搖桿”,這個功能在進行復雜網址輸入的時候相當有用,真的比手機系統自帶的光標移動方式方便靈活太多了呢~

產品體驗日記 | 發現優秀的設計-02期

8. QQ音樂

對于音樂類的App而言,播放器肯定是操作頻次最高的部分之一。為了方便用戶在進行App其他版塊瀏覽時仍可對音樂播放進行操控,各家音樂產品都有將播放器縮小在頁面置頂或底部顯示的設計,但通常仍需回到播放器頁面內才能進行歌曲切換的操作。

QQ音樂的做法是將播放器常駐頁面底部,在當前頁面直接通過對模塊的左右滑動操作就能輕松實現歌曲切換了。巧妙利用手勢滑動進行歌曲切換,不僅簡化了用戶對播放器的操作路徑,由于操作邏輯與播放頁面借助左右按鈕切歌保持一致也很符合用戶對換歌操作的習慣與認知。不過,新的交互方式也帶來了一些感知上的成本,所以更新后首次進入APP時會有一個新手引導。

產品體驗日記 | 發現優秀的設計-02期

9. 滴答清單

如果你急需一款幫你合理規劃時間與高效完成任務的效率類應用,“滴答清單”會是一個不錯的選擇。這款應用最常見的使用場景是作為用戶的待辦事項清單,可隨時記錄并同步工作與生活任務的完成進度,還可對待辦任務設置特定時間提醒。

最近在使用“滴答清”時,還發現了一個很棒的提醒設計:當你在當日凌晨00:00以后設置今天的任務安排,App會貼心的提醒你當前時間已過凌晨,別把“今天”錯當成“明天”。

凌晨過后時間點的變更是很容易被用戶忽略的細節,這個具有前瞻性的提醒設計很好地幫用戶避免了因疏忽錯誤設置任務時間的狀況,實用又貼心(當然這個設計也需要看產品本身的定位,像該款式清單工具類,那必然是發揮其特有產品屬性)。

產品體驗日記 | 發現優秀的設計-02期

10. PC端團隊展示hover效果

團隊展示界面的hover效果,就讓人意想不到眼前一亮:當鼠標移入到單個成員的半身像時,原本正襟危坐的照片會變成另一張展示該成員個性或喜好的搞怪照片。原照片展示了成員在工作中嚴謹專業的一面,這樣的設計利于團隊的歸屬感與凝聚力提升,也展現了團隊的開放、活力、創新、年輕化。

產品體驗日記 | 發現優秀的設計-02期

本期思考:微交互如何在產品設計中體現價值?

最好的產品通常會做好兩件事情:功能和細節。功能能夠吸引用戶關注這個產品、幫用戶解決相應的問題,而細節則能夠讓關注的用戶留下來且產生好感。值得注意的是,功能和細節兩者都很重要,但是功能居首,細節次之,也可以理解為:視覺服務于功能。

不過,讓用戶喜歡或者討厭一個產品,往往起源于細節。隨著交互動效的大規模普及,我們現在所看到的許多細節設計,都可以歸類于微交互。雖然在整體性的設計當中,微交互似乎顯得微不足道,但從產品體驗角度來講,它是密不可分的。

一個有趣的微交互可能讓用戶“愛上”這一功能,不自覺地就會點開它,如果在這個交互中引入情感傳遞功能,比如:寵物類主題的產品或功能模塊,點擊后出現一只淡淡的貓爪,或者一個笑臉等,也可以在推送文案中帶上情感的文字。

不同的文案和圖片總會引起一些不同情感。即使在產品表現一般的情況下,微交互也可以是守住用戶負面情緒的最后一道防線,甚至還有一些驚喜層面的彩蛋設計,這些都是保證用戶注意力長時間停留的一個點。并且在產品同質化嚴重的時代,微交互能作為差異化、品牌化設計的一個突破口。

希望對你有所幫助,如有不同的看法可以留言,我們一起琢磨琢磨~

相關閱讀

《產品體驗日記 | 發現優秀的設計-01期》

《UX設計師手機必備APP》

 

作者:h梓暄,公眾號:UXD筆記

本文由 @h梓暄 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 愛彼迎的注冊,分4步確實減少了用戶的認知負荷,但是同時增加了頁面的跳轉,注冊的路徑長度,很容易引發一個用戶行為:放棄注冊!我認為現在最快的注冊方式就是綁定第三方平臺,比如微信登錄,QQ登錄

    來自廣東 回復
    1. 第三方平臺確實快,但是國家規定了互聯網產品用戶要強制綁定手機號(實名),即便用第三方登錄到產品內,也需要走綁定手機號這一步的

      來自廣東 回復
    2. 可以在用戶需要使用操作性的功能時引導客戶綁定手機號即可

      來自廣東 回復
  2. 學習了~好棒

    來自廣東 回復