產(chǎn)品設(shè)計(jì)細(xì)節(jié)剖析

2021-5-25    ui設(shè)計(jì)分享達(dá)人

前言


在設(shè)計(jì)領(lǐng)域,相較于平淡無(wú)奇毫無(wú)重點(diǎn)的界面設(shè)計(jì),其具有良好視覺(jué)層次結(jié)構(gòu)的設(shè)計(jì)更受用戶(hù)青睞。在設(shè)計(jì)過(guò)程中可能會(huì)糾結(jié)于各種可能性,比如是讓文字變大還是變小,或者增加(或減少)元素周?chē)牧舭?,顏色是該深一點(diǎn)還是淺一點(diǎn)等。其實(shí)不管何種呈現(xiàn)方式,設(shè)計(jì)出美觀、高效和可用的UI界面需花費(fèi)很長(zhǎng)的時(shí)間,需經(jīng)過(guò)反復(fù)的修改,最終才能打磨出令用戶(hù)滿意的產(chǎn)品,在滿足公司戰(zhàn)略及功能需求的情況下,其修改和優(yōu)化還可以從細(xì)節(jié)上入手。





2021 | 第03篇分享目錄(031~045


031.「支付寶」避免超額消費(fèi)的花唄鬧鐘

032.「滴滴出行」關(guān)懷模式-老年人的出行福利

033.「愛(ài)奇藝」搜索分類(lèi)-讓結(jié)果更精準(zhǔn)

034.「美團(tuán)」突出折扣金額-引起用戶(hù)貪便宜心理

035.「餓了么」訂單備注提示-為防疫工作貢獻(xiàn)一份力量

036.「快手」不打斷視頻播放的評(píng)論功能

037.「微博」行為預(yù)判-有效提高評(píng)論的完成效率

038.「淘寶」搜索結(jié)果-你試過(guò)長(zhǎng)按商品卡片嗎?

039.「boss直聘」雙重toast彈窗-快速感知頁(yè)面類(lèi)型/內(nèi)容

040.「餓了么」店鋪營(yíng)銷(xiāo)文案-看“我”就把“我”吃掉

041.「微信」你使用過(guò)圖片備注嗎?

042.「即刻」排版設(shè)置-幫你緩解視覺(jué)疲勞

043.「拼多多」通過(guò)搜索關(guān)鍵詞建立情感鏈接

044.「微信讀書(shū)」替身書(shū)架-幫你瞞天過(guò)海

045.「網(wǎng)易云音樂(lè)」視頻歌單-邊聽(tīng)邊看更便捷





031.「支付寶」避免超額消費(fèi)的花唄鬧鐘


產(chǎn)品體驗(yàn):

在支付寶花唄的消費(fèi)鬧鐘功能里,可設(shè)置每個(gè)月的消費(fèi)限額,當(dāng)花唄支付使用超額后,會(huì)收到對(duì)應(yīng)的消息提醒。

設(shè)計(jì)思考:

隨著互聯(lián)網(wǎng)的迅速發(fā)展,人們生活水平提高的同時(shí)、消費(fèi)水平也越來(lái)越高。各種消費(fèi)信貸產(chǎn)品如雨后春筍一樣冒出來(lái)?;▎h自出現(xiàn)后就深受人們的喜愛(ài),首先是便捷的支付方式;其次花唄的申請(qǐng)門(mén)檻比較低,不論是學(xué)生,還是無(wú)業(yè)游民或其他沒(méi)有穩(wěn)定收入的,只要芝麻信用分達(dá)到650分以上就能開(kāi)通,在擁有額度后,就可以在支持花唄支付的平臺(tái)提前預(yù)支消費(fèi),到次月再還款,因此花唄的便利性就完全體現(xiàn)出來(lái)了。但總是有一部分用戶(hù)在每月出賬單需要還款時(shí)才發(fā)現(xiàn),消費(fèi)的額度遠(yuǎn)遠(yuǎn)高于自己的收入,甚至無(wú)力償還。

花唄新推出的消費(fèi)鬧鐘功能,對(duì)于花錢(qián)沒(méi)節(jié)制的用戶(hù)來(lái)說(shuō),真的特別好用。在消費(fèi)鬧鐘里設(shè)置提醒金額,點(diǎn)擊確定設(shè)置即可,當(dāng)使用金額超過(guò)用戶(hù)設(shè)置的金額,將會(huì)收到提醒消息。此功能既可以減少用戶(hù)超額花費(fèi)的可能性,也能有效避免用戶(hù)因無(wú)力償還賬單而給平臺(tái)帶來(lái)的經(jīng)濟(jì)損失,可謂是一舉兩得。





032.「滴滴出行」關(guān)懷模式-老年人的出行福利


產(chǎn)品體驗(yàn):

在滴滴出行的設(shè)置中開(kāi)啟關(guān)懷模式,系統(tǒng)會(huì)將字體放大且展示功能極簡(jiǎn)的打車(chē)模式頁(yè)面,方便老年人使用;

設(shè)計(jì)思考:

滴滴出行主要面對(duì)的是年輕用戶(hù)群體,因涉及到支付寶、地圖等線上線下功能的結(jié)合,操作流程復(fù)雜且使用起來(lái)學(xué)習(xí)成本較高。在當(dāng)前移動(dòng)互聯(lián)網(wǎng)時(shí)代下,老年人如何能真切感受到現(xiàn)代智能科技所帶來(lái)的便捷、人文關(guān)懷和尊重,是如今的移動(dòng)平臺(tái)所要解決的問(wèn)題。

滴滴出行的關(guān)懷模式,就是專(zhuān)為方便老年人出行而推出的。老年用戶(hù)在APP設(shè)置中心開(kāi)啟后,可快速進(jìn)行一鍵下單操作流程。關(guān)懷模式支持大號(hào)字體顯示,能提前設(shè)置五個(gè)常用地址,方便在下單時(shí)進(jìn)行一鍵操作,簡(jiǎn)化了下單流程及刪減了部分頁(yè)面內(nèi)容。不管是大號(hào)字體還是精簡(jiǎn)流程,都便于視力不好的老年用戶(hù)叫車(chē)出行,不僅有效降低了在線叫車(chē)操作的復(fù)雜程度,也能緩解老年用戶(hù)在叫車(chē)過(guò)程中出現(xiàn)的不確定性和焦慮感,提升了出行效率。





033.「愛(ài)奇藝」搜索分類(lèi)-讓結(jié)果更精準(zhǔn)


產(chǎn)品體驗(yàn):

在愛(ài)奇藝使用搜索時(shí),展開(kāi)搜索框前面的類(lèi)型,可選擇全網(wǎng)、圖搜劇和詞搜劇,以更精確的匹配搜索結(jié)果。

設(shè)計(jì)思考:

很多設(shè)計(jì)師認(rèn)為搜索很簡(jiǎn)單,設(shè)計(jì)一個(gè)搜索框加搜索圖標(biāo)放在主頁(yè)頂部就搞定 了,然而并非如此,需要站在用戶(hù)的角度考慮搜索前、搜索中、搜索后各個(gè)階段的用戶(hù)體驗(yàn)。搜索作為一個(gè)功能入口,除了簡(jiǎn)單的呈現(xiàn)及引導(dǎo)方式之外,搜索結(jié)果也是也是非常重要的,用戶(hù)的搜索操作不是目的,結(jié)果的精準(zhǔn)度及視覺(jué)傳達(dá)才是重點(diǎn)。大部分搜索的呈現(xiàn)就是提供搜索框,用戶(hù)一上場(chǎng)就開(kāi)始碼字,然后在海量的搜索結(jié)果中去找到自己想要的內(nèi)容。然而用戶(hù)并沒(méi)有什么耐心,不管是花大把的時(shí)間查找結(jié)果還是不停的更換關(guān)鍵詞重來(lái),都有可以讓其失去耐性,轉(zhuǎn)而扭頭就走,導(dǎo)致平臺(tái)的用戶(hù)流失。

愛(ài)奇藝APP在搜索功能中進(jìn)行了分類(lèi),比起常見(jiàn)的全局搜索其結(jié)果更加精準(zhǔn),通過(guò)全網(wǎng)、圖搜或詞搜類(lèi)型改變搜索范圍,便于用戶(hù)在最短的時(shí)間內(nèi)找到自己想要的結(jié)果??梢韵胂?,當(dāng)我們?cè)诎俣炔檎倚枰膬?nèi)容時(shí),面對(duì)幾萬(wàn)乃至幾十萬(wàn)的結(jié)果匹配時(shí),翻過(guò)幾頁(yè)后,要么放棄、要么換掉關(guān)鍵詞。愛(ài)奇藝的分類(lèi)型搜索縮小了查找范圍,降低用戶(hù)的時(shí)間成本,還能提高對(duì)用戶(hù)的信任度,以增加其使用粘性。





034.「美團(tuán)」突出折扣金額-引起用戶(hù)貪便宜心理


產(chǎn)品體驗(yàn):

在美團(tuán)的酒店列表價(jià)格區(qū)域,除了有劃掉的原價(jià)和優(yōu)惠之后的價(jià)格外,還特別突出展示了優(yōu)惠的實(shí)際金額,非常顯眼,以彰顯其優(yōu)惠的力度。

設(shè)計(jì)思考:

商家們都知道,定價(jià)策略是營(yíng)銷(xiāo)中一個(gè)十分關(guān)鍵的組成部分,是影響交易成敗的關(guān)鍵因素,但也難以確定,既要考慮成本的補(bǔ)償,又要考慮消費(fèi)者對(duì)價(jià)格的接受能力??v然如此,當(dāng)商家們把最低的價(jià)格擺在消費(fèi)者面前時(shí),才發(fā)現(xiàn)“理想很豐滿,現(xiàn)實(shí)卻骨感”,總是有那么一群人在感性的消費(fèi),即使碰到折扣后的價(jià)格依然過(guò)高,但只要優(yōu)惠力度夠大,就感覺(jué)夠刺激,常規(guī)剁手。

一路走來(lái)才發(fā)現(xiàn),唯有套路得人心,例如:拼多多的砍價(jià),砍到手后低價(jià)購(gòu)買(mǎi),算是平臺(tái)補(bǔ)償?shù)拿赓M(fèi)宣傳費(fèi);美團(tuán)的高額滿減,是在提高原價(jià)數(shù)倍之后才有的折扣;線下商家撤離前的虧本清貨,可能是被選剩下的瑕疵產(chǎn)品......。在這些案例中,如果商家直接把折扣后的實(shí)際價(jià)格擺在那里,部分用戶(hù)根本不屑一顧。

美團(tuán)的酒店列表,在價(jià)格區(qū)域除了常規(guī)的原價(jià)、現(xiàn)價(jià)之外,還突出展示已減金額,拋開(kāi)現(xiàn)價(jià)不說(shuō),如果優(yōu)惠的金額給力,足以引起用戶(hù)的注意。這是企業(yè)慣用的利益引誘手段,屢試不爽, 通過(guò)下單就讓利的方式來(lái)促進(jìn)商品的轉(zhuǎn)化,引起用戶(hù)的貪便宜心理,只要優(yōu)惠的數(shù)值夠高,就能引起用戶(hù)的注意力和消費(fèi)欲望,將用戶(hù)的思維轉(zhuǎn)換至優(yōu)惠力度方面,而忽略市場(chǎng)價(jià)格及性?xún)r(jià)比,會(huì)誤以為商家優(yōu)惠的金額即自己賺到的錯(cuò)覺(jué),促使用戶(hù)下單完成轉(zhuǎn)化。





035.「餓了么」訂單備注提示-為防疫工作貢獻(xiàn)一份力量


產(chǎn)品體驗(yàn):

在餓了么確認(rèn)訂單頁(yè)面,為了有效的控制疫情傳播,頂部會(huì)提示“為了減少接觸,降低風(fēng)險(xiǎn),請(qǐng)修改下方備注”,進(jìn)入備注頁(yè)面,輸入框的占位符和快捷輸入都優(yōu)先展示避免接觸取餐的方法參考。

設(shè)計(jì)思考:

疫情爆發(fā)期間可謂是人心惶惶,經(jīng)過(guò)所有人長(zhǎng)時(shí)間的有效配合及預(yù)防,終于得到了緩解。疫情控制之后,人們對(duì)病毒的防范意識(shí)有所增加,通過(guò)自律做到盡量減少與他人的接觸,但在忙到的生活和工作下,很多情況總是不可避免,比如病毒防范意識(shí)降低而造成無(wú)意識(shí)的接觸、工作中的外賣(mài)取餐和寄收快遞,都會(huì)造成額外的接觸。

在餓了么APP上訂餐下單時(shí),系統(tǒng)會(huì)給予明顯的免接觸防疫提醒,在訂單的備注中優(yōu)先展示免接觸取餐方式參考,如掛門(mén)把手、放門(mén)口等,給病毒防范意識(shí)降低的用戶(hù)敲響了警鐘,提醒用戶(hù)盡量使用無(wú)接觸方式取餐,不僅能降低病毒在人與人之間的相互傳播,還為防疫工作貢獻(xiàn)了一份力量。





036.「快手」不打斷視頻播放的評(píng)論功能


產(chǎn)品體驗(yàn):

在快手觀看短視頻,打開(kāi)評(píng)論,頁(yè)面從底部彈出,視頻繼續(xù)以播放狀態(tài)等比例縮小置頂,編輯評(píng)論不影響播放。

設(shè)計(jì)思考:

當(dāng)我們?cè)诰€上看到一件事物,有互動(dòng)需求和強(qiáng)烈的表達(dá)需求時(shí),此時(shí)評(píng)論功能不僅能滿足用戶(hù)需求,還能增加參與感,對(duì)增加用戶(hù)黏性大有作用。評(píng)論作為一個(gè)重要級(jí)的功能存在,在需要時(shí)會(huì)打斷用戶(hù)的當(dāng)前瀏覽或操作,通過(guò)跳轉(zhuǎn)頁(yè)面或彈窗來(lái)幫助用戶(hù)解決互動(dòng)需求,跟原本的頁(yè)面是一個(gè)上下級(jí)的關(guān)系。

在快手APP看短視頻,無(wú)論是編輯還是瀏覽評(píng)論都可以齊頭并進(jìn)。觸發(fā)評(píng)論后,頁(yè)面從底部向上彈出,視頻的頁(yè)面占比范圍會(huì)以播放狀態(tài)等比例縮小并置頂,類(lèi)似我們?cè)诳措娪皶r(shí)的橫屏和豎屏,視頻觀看及評(píng)論兩不誤。這種交互方式在滿足用戶(hù)下一個(gè)需求時(shí),并不中斷上一步的需求,避免原本看視頻的思路被打斷,有助于用戶(hù)跟隨視頻播放的思路即興發(fā)揮評(píng)論,這也是一個(gè)容易設(shè)計(jì)師被忽視的好功能。





037.「微博」行為預(yù)判-有效提高評(píng)論的完成效率


產(chǎn)品體驗(yàn):

當(dāng)我們?cè)谖⒉┝斜碇械哪硹l信息處停留5秒并無(wú)任何操作時(shí),此條微博下方會(huì)自動(dòng)彈出評(píng)論框,系統(tǒng)通過(guò)行為預(yù)判感知用戶(hù)對(duì)該內(nèi)容感興趣,引導(dǎo)用戶(hù)去發(fā)表自己的想法。

設(shè)計(jì)思考:

評(píng)論在很多應(yīng)用中都有著舉足輕重的作用,尤其像微博這樣的大型并開(kāi)放式的信息平臺(tái),更有著弘揚(yáng)先進(jìn)的思想和精神,揭露和抨擊腐敗現(xiàn)象及不正之風(fēng),對(duì)各種不良現(xiàn)象形成強(qiáng)大的輿論壓力,實(shí)現(xiàn)有效的監(jiān)督。即便是網(wǎng)絡(luò)水軍、鍵盤(pán)俠(惡意重傷除外,畢竟大部分用戶(hù)還是理性的“噴子”),當(dāng)風(fēng)聲一邊倒時(shí),都會(huì)逐漸走向真理化。在我們所接觸的應(yīng)用中,評(píng)論操作的方式都是通過(guò)用戶(hù)的手動(dòng)觸發(fā)。

微博編輯評(píng)論除了用戶(hù)手動(dòng)觸發(fā)之外,其還有一種非常人性化的系統(tǒng)感知觸發(fā)。當(dāng)用戶(hù)在列表中的停留5秒且沒(méi)有任何操作時(shí),系統(tǒng)通過(guò)行為預(yù)判感知用戶(hù)可能對(duì)這條信息感興趣,即自動(dòng)彈出評(píng)論框,引導(dǎo)用戶(hù)操作,能增加產(chǎn)品跟用戶(hù)之間的交流互動(dòng)。微博的行為預(yù)判是引導(dǎo)用戶(hù)、縮短用戶(hù)行為路徑的有效設(shè)計(jì)手段,在用戶(hù)沒(méi)有作出行動(dòng)觸發(fā)的情況下進(jìn)行理解用戶(hù)可能會(huì)出現(xiàn)的操作行為,減少冗余步驟,簡(jiǎn)化操作流程,運(yùn)用最少的路徑和行為來(lái)達(dá)成用戶(hù)目標(biāo),有效提高評(píng)論的完成效率。





038.「淘寶」搜索結(jié)果-你試過(guò)長(zhǎng)按商品卡片嗎?


產(chǎn)品體驗(yàn):

在淘寶的商品搜索結(jié)果里列表,長(zhǎng)按某個(gè)商品卡片區(qū)域,會(huì)彈出該商品多種類(lèi)型的tab,有相似、同款、同品牌和同店,便于用戶(hù)更精準(zhǔn)快速找到自己需要的商品。

設(shè)計(jì)思考:

對(duì)于有目標(biāo)需求但不是特別明確的用戶(hù)來(lái)說(shuō),關(guān)鍵詞搜索無(wú)疑是最好用的一個(gè)功能,當(dāng)面對(duì)海量的搜索結(jié)果,可能會(huì)眼花繚亂,找到喜歡的商品時(shí),要么銷(xiāo)售量太低、要么價(jià)格過(guò)高,反正總有有那么一方面自己不滿意,不得已,只能把當(dāng)前商品的精準(zhǔn)關(guān)鍵詞經(jīng)過(guò)搜索框再來(lái)一遍。

在淘寶APP就無(wú)需這么麻煩。商品的搜索結(jié)果列表有個(gè)隱藏的功能,只需長(zhǎng)按商品卡片區(qū)域,就會(huì)彈出相似款、同款、同品牌、同店鋪的類(lèi)型tab欄,方便用戶(hù)能夠快速根據(jù)自身需求篩選比價(jià),可免去不必要的麻煩操作,節(jié)省大量時(shí)間,如果你還未使用過(guò)此隱藏的交互功能,就趕緊試一試吧。





039.「boss直聘」雙重toast彈窗-快速感知頁(yè)面類(lèi)型/內(nèi)容


產(chǎn)品體驗(yàn):

boss直聘頂部的職位tab在切換成功后,除了除了有職位更新toast提示外,屏幕中間還會(huì)通過(guò)toast彈窗提示當(dāng)前頁(yè)面職位類(lèi)型,并突出顯示。

設(shè)計(jì)思考:

關(guān)于toast彈窗樣式及出現(xiàn)的場(chǎng)景,猶如市場(chǎng)上的大白菜,所見(jiàn)過(guò)多的不能再多了。例如某個(gè)步驟操作成功、tab切換頁(yè)面、下拉刷新等,是一種輕量級(jí)的反饋,以小彈框的形式出現(xiàn),一般出現(xiàn)1到2秒會(huì)自動(dòng)消失,且可以出現(xiàn)在屏幕上中下任意位置。對(duì)于設(shè)計(jì)師來(lái)說(shuō),在頁(yè)面上增加toast的作用,就是將操作的結(jié)果直接反饋給用戶(hù)。

Boss直聘APP在tab欄成功切換頁(yè)面后,除了有清晰反饋操作結(jié)果“推薦職位已更新”之外,還在屏幕中間用另一個(gè)更加顯眼的toast彈出明確職位信息。其實(shí)用戶(hù)在切換tab欄時(shí),此操作行為不僅僅是切換頁(yè)面,所對(duì)應(yīng)的類(lèi)型才是首當(dāng)其沖,當(dāng)明確類(lèi)型無(wú)誤后才會(huì)將思維轉(zhuǎn)向內(nèi)容,職位彈窗在屏幕中心提示,占據(jù)有利地形,除了讓用戶(hù)清楚當(dāng)前頁(yè)面交互狀態(tài)之外,還能快速感知類(lèi)型是否為自己所需。另外還有防錯(cuò)作用,避免用戶(hù)操作失誤后,在自己還不清楚的情況下去瀏覽內(nèi)容而浪費(fèi)大量的時(shí)間。





040.「餓了么」店鋪營(yíng)銷(xiāo)文案-看“我”就把“我”吃掉


產(chǎn)品體驗(yàn):

餓了么的外賣(mài)店鋪列表及推薦商品下方都有極具誘惑性的廣告文案,一句話概括味道、服務(wù)、優(yōu)質(zhì)推薦等。

設(shè)計(jì)思考:

今天吃什么?隨便;那吃肯德基吧?不好,太油膩了;那到底吃什么?隨便......。這應(yīng)該是最標(biāo)準(zhǔn)的選擇性困難綜合癥晚期,尤其是給女朋友點(diǎn)外賣(mài),你會(huì)發(fā)現(xiàn)原來(lái)“隨便”就是天大的謊言,表面上看似什么都可以,實(shí)則什么都不可以。

餓了么每個(gè)店鋪下方都使用了一句簡(jiǎn)短的文案概括菜品的味道、店鋪服務(wù)或招牌推薦等,在文案中結(jié)合用戶(hù)較為關(guān)心的利益點(diǎn)抓住眼球,引導(dǎo)目標(biāo)進(jìn)入店鋪,從而瀏覽店鋪的內(nèi)容。店鋪廣告是商家可以進(jìn)行內(nèi)容營(yíng)銷(xiāo)的重要場(chǎng)所之一,可充分利用文案向用戶(hù)進(jìn)行宣導(dǎo),讓其感受到店鋪的用心之處,增強(qiáng)用戶(hù)體驗(yàn),優(yōu)質(zhì)的文案不僅能帶給用戶(hù)驚喜,還有一種神秘色彩,用戶(hù)可能會(huì)抱著試一次心理想法,從而形成轉(zhuǎn)化。

另外對(duì)于吃什么、難以選擇的用戶(hù),平臺(tái)可以通過(guò)文案的吸引,增強(qiáng)用戶(hù)的占有欲望,讓其快速做出決策,避免在選擇的時(shí)候難以抉擇,即便做出決定后仍然疑慮其它的選擇是不是更好,從而導(dǎo)致時(shí)間的浪費(fèi),精神上的焦慮。





041.「微信」你使用過(guò)圖片備注嗎?


產(chǎn)品體驗(yàn):

微信好友昵稱(chēng)除文字備注外,還可以使用圖片備注,保存成功后即可在設(shè)置備注頁(yè)面描述區(qū)域看到此前備注的圖片,好友信息也增加了描述入口。

設(shè)計(jì)思考:

當(dāng)我們的微信好友過(guò)多或因好友隨時(shí)改變昵稱(chēng)的原因,而經(jīng)常找不到,我們就會(huì)隨手備注一個(gè)昵稱(chēng)或標(biāo)簽,以便需要時(shí)方便查找,但針對(duì)當(dāng)面即時(shí)添加的好友,就算使用的昵稱(chēng)備注,可依然沒(méi)有印象怎么辦?

其實(shí)微信的備注功能比我們想象的要強(qiáng)大,除了昵稱(chēng)備注外,還可以使用圖片備注。當(dāng)我們因工作接觸的人較多需要添加好友時(shí),短時(shí)間是沒(méi)有辦法把所有好友的個(gè)人信息都記熟,這時(shí)候圖片備注就能助我們一臂之力了,另外還可以直接把客戶(hù)的名片作為圖片備注,將單個(gè)好友的信息集合,實(shí)現(xiàn)一功能多用。對(duì)于記性不好或短時(shí)間內(nèi)添加好友較多的用戶(hù)非常實(shí)用。





042.「即刻」排版設(shè)置-幫你緩解視覺(jué)疲勞


產(chǎn)品體驗(yàn):

在即刻APP的排版設(shè)置里,開(kāi)啟“中文標(biāo)點(diǎn)擠壓”和“段間距”,文本內(nèi)容會(huì)自動(dòng)減小中文符號(hào)后面的間距,且段與段之間也會(huì)增加留白,提高視覺(jué)舒適度。

設(shè)計(jì)思考:

我們?cè)诳次恼禄螂娮訒?shū)時(shí),都有過(guò)這樣感覺(jué),當(dāng)篇幅較大時(shí),到了一定時(shí)間,就會(huì)產(chǎn)生視覺(jué)疲勞或?qū)W⒍葴p弱的情況。視覺(jué)疲勞的強(qiáng)弱程度,用戶(hù)除了自行調(diào)整外,平臺(tái)還能通過(guò)設(shè)計(jì)手段提升用戶(hù)體驗(yàn)來(lái)緩解,常見(jiàn)的網(wǎng)絡(luò)文章會(huì)在不同位置穿插圖片來(lái)減輕用戶(hù)的視覺(jué)壓力,其電子書(shū)也會(huì)通過(guò)短篇幅的翻頁(yè)來(lái)緩解視覺(jué)疲勞。

在即刻APP的系統(tǒng)設(shè)置中,可通過(guò)排版設(shè)置提升瀏覽體驗(yàn)。開(kāi)啟中文標(biāo)點(diǎn)擠壓,文本將自動(dòng)減小中文標(biāo)點(diǎn)符號(hào)后的空白區(qū)域,避免間隔太大造成脫節(jié),去掉不必要的空白,還能為內(nèi)容節(jié)省空間,畢竟內(nèi)容才是產(chǎn)品最重要的部分,所以不要沒(méi)理由的去掉特地為它預(yù)留空間,“擠擠總還是有的”;其次開(kāi)啟段間距,即段與段之間視覺(jué)更加明顯,第一反應(yīng)就能感覺(jué)出這是兩段內(nèi)容(段落的結(jié)尾如果跟上一樣最后平齊,傻傻分不清是銜接上一段還是新的一段),讓用戶(hù)瀏覽文本內(nèi)容的思維更清晰且減少思考,提升節(jié)奏和視覺(jué)平衡感。





043.「拼多多」通過(guò)搜索關(guān)鍵詞建立情感鏈接


產(chǎn)品體驗(yàn):

在拼多多搜索“生日蛋糕”時(shí),商品搜索結(jié)果呈現(xiàn)的同時(shí),會(huì)有滿屏的蛋糕表情落下,以示祝福。

設(shè)計(jì)思考:

商品搜索框,顧名思義就是搜索商品使用,用戶(hù)需要查找某個(gè)商品時(shí),輸入關(guān)鍵詞,系統(tǒng)通過(guò)后臺(tái)數(shù)據(jù)對(duì)關(guān)鍵詞進(jìn)行匹配,然后按照特定是順序呈現(xiàn)出來(lái),旨在滿足用戶(hù)的搜索需求而生。

拼多多搜索功能除了滿足用戶(hù)的基本需求外,還增加了一個(gè)小細(xì)節(jié),搜索部分特定的關(guān)鍵詞,結(jié)果頁(yè)會(huì)使用趣味化的微動(dòng)效。比如,在搜索“生日蛋糕”后,會(huì)有滿屏的蛋糕表情落下,給予用戶(hù)生日祝福,通過(guò)營(yíng)造情感氛圍,獲得用戶(hù)的認(rèn)可,跟用戶(hù)建立情感鏈接以鼓勵(lì)繼續(xù)下一步操作。同時(shí)平臺(tái)用趣味的微動(dòng)效生日祝福通過(guò)情感、人性化的交互方式更受人用戶(hù)青睞,可以讓用戶(hù)感到心情愉悅,進(jìn)一步增加用戶(hù)的信任度及粘性。





044.「微信讀書(shū)」替身書(shū)架-幫你瞞天過(guò)海


產(chǎn)品體驗(yàn):

使用微信讀書(shū),如果自己所看的書(shū)籍不想別其他人知道,或者想假裝自己在看某個(gè)領(lǐng)域的書(shū)籍,可在隱私設(shè)置中開(kāi)啟替身書(shū)架,既可以保護(hù)隱私,還可以滿足面子心理。

設(shè)計(jì)思考:

有人說(shuō),線上看書(shū)的效果沒(méi)有看紙質(zhì)書(shū)籍的效果好,其實(shí)并非全部如此,主要因人而異,比如線上看書(shū)可以有效利用碎片化時(shí)間、不分場(chǎng)景等,不管是線上還是線下,都沒(méi)有明確的界定,只要能堅(jiān)持就好,堅(jiān)持是一件很不容易的事情,比如很多用戶(hù)喜歡把自己在看書(shū)這件事告訴所有的朋友,利用營(yíng)造人設(shè)以追求自己的面子心理,通過(guò)好友的夸贊轉(zhuǎn)化為自己堅(jiān)持下去的動(dòng)力。

微信的替身書(shū)架就可以滿足用戶(hù)的多種需求,通過(guò)隱私可以設(shè)置一個(gè)“分身”來(lái)代替真實(shí)書(shū)架,開(kāi)啟后,替身書(shū)架將代替真實(shí)書(shū)架顯示在個(gè)人資料中,除了隱藏自己真正閱讀的書(shū)籍,保護(hù)閱讀隱私,讓自己不被“視奸”外,還可以滿足用戶(hù)的面子(裝X)需求,滿足用戶(hù)想要被看到的一面,利用替身書(shū)架經(jīng)營(yíng)自己人設(shè)的需求,比如最近在讀的書(shū)籍類(lèi)型、領(lǐng)域等,通過(guò)“造假”的方式滿足自己的虛榮心,來(lái)獲得他人的認(rèn)同感。替身書(shū)架一定程度上可以通過(guò)裂變手段把獲取的新增用戶(hù)轉(zhuǎn)化為活躍用戶(hù),同時(shí)滿足了用戶(hù)保護(hù)隱私和營(yíng)造人設(shè)的需求,一舉兩得。





045.「網(wǎng)易云音樂(lè)」視頻歌單-邊聽(tīng)邊看更便捷


產(chǎn)品體驗(yàn):

在網(wǎng)易云音樂(lè)聽(tīng)聽(tīng)歌時(shí),如果遇到喜歡的視頻,也可以收藏到視頻歌單了,從我的-收藏和贊入口進(jìn)去就能看到。

設(shè)計(jì)思考:

一直以來(lái),歌單是網(wǎng)易云音樂(lè)的核心功能,網(wǎng)易云音樂(lè)也是唯一一個(gè)將歌單作為核心架構(gòu)的音樂(lè)產(chǎn)品,當(dāng)我們碰到一首非常喜歡曲時(shí),可能也會(huì)鐘情于該歌曲的MV,邊看邊聽(tīng)似乎能更好的融入歌曲的“靈魂”中,如果我們需要再次播放該MV,就要從這首歌曲處找到相應(yīng)的入口。

網(wǎng)易云音樂(lè)8.0版本最新推出了視頻歌單功能,延續(xù)了用戶(hù)喜歡的“歌單”模式,根據(jù)自己喜歡的歌單主題,將MV,視頻、mlog內(nèi)容聚合在一起,做出一個(gè)好聽(tīng)、好看,好玩的視頻歌單,讓音樂(lè)動(dòng)起來(lái),省去了以往每次找視頻的一系列繁瑣操作,優(yōu)化路徑,讓邊聽(tīng)邊唱的體驗(yàn)更加便捷。





結(jié)語(yǔ):


設(shè)計(jì)師需要養(yǎng)成體驗(yàn)產(chǎn)品的好習(xí)慣并將優(yōu)秀的產(chǎn)品細(xì)節(jié)記錄下來(lái),加強(qiáng)自己的記憶,不僅能提升自己的語(yǔ)言組織和總結(jié)能力,也為日后輸出優(yōu)秀的作品當(dāng)鋪墊,對(duì)自己的能力提升以及未來(lái)的職業(yè)發(fā)展帶來(lái)便利。


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



文章來(lái)源:站酷   作者:大漠飛鷹CYSJ

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)




日歷

鏈接

個(gè)人資料

存檔