国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

UI設計師交互設計-注重產品細節的使用體驗

2022-4-13    高勁

前言


在使用產品的過程中,你是否看到了一些有趣的細節,而這些細節提升了你的使用體驗?這些產品細節,便是產品設計師需要留意的,因為這些產品細節在某種程度上提升了用戶的留存與轉化。本文我就對一些產品細節進行了拆解,一起來看一下。









一.【夸克瀏覽器】節日彩蛋-特定場景下輸入關鍵詞觸發彩蛋效果

二.【酷狗音樂】播放Tab-多交互操作,應對多場景使用

三.【騰訊新聞】左滑熱點榜單-用戶關注的熱點放在路徑短的位置

四.【荔枝博客】品牌傳播-產品情感漏出,與用戶產生共鳴

五.【百度網盤】自定義倍數-給用戶更多可控操作,精細化觀影感受

六.【網易云音樂】情感彩蛋-給你夢幻的魔法,帶你重拾記憶

七.【即刻】頭像彩蛋-趣味互動回彈,把喜歡強烈表現出來

八.【荔枝】錄聲音-輕擬物動態圖,使用中的及時反饋

九.【微博】點贊反饋-情緒最大化宣泄,盡情釋放情緒

十.【36氪】隱藏的浮窗-深挖用戶操作,快切與停頓的奧秘



一、【夸克瀏覽器】節日彩蛋-特定場景下輸入關鍵詞觸發彩蛋效果


1. 使用場景


在圣誕節日來臨之際,用戶使用搜索引擎輸入關鍵詞的頻率會增加,在此增加彩蛋給用戶營造節日氛圍





2. 設計思考


設計目標:增加關鍵詞趣味彩蛋雨,提高產品趣味體驗,提高用戶搜索頻次。


設計方案:在節日來臨前,用戶通過搜索節日特定關鍵詞,會在搜索結果頁中以彩蛋雨的形式墜落下來,圖案貼合節日物品,給用戶營造出節日氛圍,給予用戶節日的浪漫。用戶在使用時并不是一個冰冷的產品,而是有情感共鳴有情緒的產品。




二、【酷狗音樂】播放Tab-多交互操作,應對多場景使用


1. 使用場景


想要提高屏效,一屏顯示更多內容。在瀏覽操作時會因為功能按鈕外漏造成誤操作情況。





2. 設計思考


設計目標:提升屏幕顯示內容面積,給予TAB播放更多交互形式,增加趣味性提升產品記憶點。


設計方案:在TAB播放中給予「長按」「雙擊」兩種交互操作,長按中包含雙擊的播放暫停,因為此操作,使用率較高,提供多入口能有效提高易用性。長按時,激活更多常用功能,包含移動進度條、收藏、下一首等操作,配合特有的交互展示形式,給用戶形成產品記憶點,同時在瀏覽不同頻道時,功能的隱藏大大降低誤操作以及視覺干擾的情況。




三、【騰訊新聞】左滑熱點榜單-用戶關注的熱點放在路徑短的位置


1. 使用場景


如今的新聞產品都提供熱點時事新聞,給用戶提供更多豐富內容聚集。





2. 設計思考


設計目標:提高用戶使用率,不影響主框架的情況下給用戶最短路徑查看熱點新聞的入口,提高用戶瀏覽時長。


設計方案:首屏以及導航模塊更多還是以新聞資訊等內容為主,關注熱點更多是娛樂熱門等內容,瀏覽率都高的情況下,把熱點模塊放到左滑頁面中,在不影響首頁框架情況下,增加新的板塊,給用戶更多瀏覽選擇,豐富產品多元化內容。



四、【荔枝博客】品牌傳播-產品情感漏出,與用戶產生共鳴


1. 使用場景


如今的產品趨于同質化,由原來只注重功能轉變為產品情感表達,給用戶產生情感互動,從功能付費變為情感價值觀付費。



2. 設計思考


設計目標:傳播產品價值觀,給予用戶引導,產生產品正向記憶,從而提高粘性。


設計方案:上幾期產品分析中有說到頂部logo外漏的設計描述,有的植入隱藏功能,有的表示刷新功能等,歸根結底都是給予靜態標志功能屬性,提高屏幕利用率同時提升用戶探索欲望。


荔枝博客本身產品內容相對聚焦,想要做出差異化就要往品牌情感入手,當用戶點擊左上角「荔枝博客」標志時,會彈出產品的由來以及做博客的初衷,讓用戶思考產品深層意思時無形中把產品植入到用戶記憶中,給用戶情感綁定,提升用戶使用粘性。




五、【百度網盤】自定義倍數-給用戶更多可控操作,精細化觀影感受


1. 使用場景


市場上的視頻倍速參差不齊,0.25、0.5、1倍三種遞增邏輯,用戶在觀影時會存在沒有想要選擇著倍速,只能使用平臺提供的選擇使用,操作受限制。





2. 設計思考


設計目標:解決倍速不是用戶想要的,提供自定義倍速,給用戶更多可操作性,提升觀影感受。


設計方案:在百度網盤中觀看視頻時,點擊調節倍速在提供默認常規5種倍速下提供自定義倍速,以0.1的速度逐漸遞增,用戶可以在0.5-3倍之間任意選擇,根據視頻類型、觀影習慣選擇合適的速度,同時把市面上不同倍速問題給用戶造成的觀影困擾也同步解決,提高視頻觀影體驗。




六、【網易云音樂】情感彩蛋-給你夢幻的魔法,帶你重拾記憶


1. 使用場景


音樂無國界,每首音樂背后都有一段很長的故事,在我聽哈利波特主題曲時,瀏覽評論發現特定特定位置點擊會有彩蛋,嘗試了一下果然如此。網易云音樂評論區的強大之處展示之一。獨有的彩蛋。





2. 設計思考


設計目標:提升評論活躍度,強化廣告的表現形式,增加用戶對產品的探索欲望提高使用粘性。


設計方案:哈利波特音樂中,在評論區第九和第十條中間分割線處,點擊兩下!觸發魔法視頻,把用戶帶入情境之中,勾起滿滿的回憶,配合音樂聲音,真可謂視覺聽覺雙重享受。


對于開發來說,只需要在特定歌曲評論中寫一個位置判定以及觸發條件,當用戶觸發條件后,播放特定視頻,觸發 用戶情感共識,提升使用粘性。同時如果做為廣告植入也是比較好的呈現方式,但要注意視頻質量,盡量弱化廣告中的產品,可以把品牌情感揉入視頻中與用戶產生情感關聯。




七、【即刻】頭像彩蛋-趣味互動回彈,把喜歡強烈表現出來


1. 使用場景


在看關注人主頁時,想要強烈的表達出情感給予對方,釋放自己心中的喜歡時如何表現出來。





2. 設計思考


設計目標:提升趣味玩法,增強用戶操作感受,豐富產品玩法體驗,提升使用粘性。


設計方案:在個人主頁,通過拖拽用戶頭像放手回彈,頭像以拉距來彈射回原有位置并且迸發出愛心動畫,讓用戶產生更貼近的情感傳達,反復操作達到一定數量會有文字提醒,文案的趣味描述也讓彩帶功能增加了一份趣味。




八、【荔枝】錄聲音-輕擬物動態圖,使用中的及時反饋


1. 使用場景


在使用錄音功能時,單純靠進度條記憶靜態按鈕顯示很難產生強提醒,除非做大做突出,荔枝在錄音中是如何表現的。



2. 設計思考


設計目標:解決錄音功能頁面元素單一用戶進行中與暫停感知淺的問題,結合動態插圖給用戶及時反饋,同時貼合線下使用場景,給用戶注入產品記憶點。


設計方案:在我的-進入錄聲音模塊中,頭圖展示一個錄音磁帶機,當開啟錄音功能時,磁帶機會進行旋轉播放,左慢右快的展示形式符合真實機器的運動規律,給用戶強提醒告知用戶此時正在錄音中,當暫停時,磁帶機及時停止,和按鈕形成觸發綁定,提高產品使用體驗。




九、【微博】點贊反饋-情緒最大化宣泄,盡情釋放情緒


1. 使用場景


單一的贊有時無法滿足用戶的愛意,用戶希望更強烈的表達情感,來滿足自己反饋欲。





2. 設計思考


設計目標:提升贊的強烈感知,釋放用戶內在情緒,提高產品趣味體驗,從而增加使用粘性。


設計方案:在微博單條動態頁面中,對“贊”進行點擊一次操作是普通點贊反饋;長按觸發連贊機制,會帶來多彩多圖標的更強的視覺感受,帶來強烈的情感反饋,讓用戶盡情的釋放情緒,得到內在解壓。




十、【36氪】隱藏的浮窗-深挖用戶操作,快切與停頓的奧秘


1. 使用場景


新聞資訊產品,文章之間來回切換閱讀,時有發生,或者手頭有事忙完再回過頭看。





2. 設計思考


設計目標:解決閱讀中斷導致回看路徑長,影響閱讀效率的問題。


設計方案:瀏覽文章時,屏幕側邊從左向右劃動是返回上一級的交互手勢,當用戶在滑動中停留一下就會激活浮窗功能,隨著手勢操作移動到黑圈內顏色會顯示藍色,表示移入成功,這時放手返回首頁,右下角會顯示一個圓形浮窗,可快速查看浮窗內的文章。


值得學習的是,左滑浮窗圖形隨著手勢上下位置進行移動,路徑更短更快的進行操作,提高用戶使用體驗。因為隱藏式的交互有一定學習成本,產品充分考慮到這點,在文章右上角更多按鈕中放置加入浮窗功能,兩個激活入口,兼容新老用戶使用,提高產品易用性。









十一、結語


設計師要有發現美的眼睛。美不僅是視覺,還有好的體驗流程。不要讓用戶思考,這是每個設計師所追求的。認真記錄產品細節,了解背后的思考,也是不斷提升自己邏輯思維和表達能力的一種方式。


文章來源:站酷 作者:碳水sir

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計www.newchinaweekly.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


日歷

鏈接

個人資料

藍藍設計的小編 http://www.newchinaweekly.com

存檔

精品一区二区影视| 第九色区aⅴ天堂久久香| 欧美18xxxxx| www.av免费| 久久国产精品久久精品国产| 一本一道综合狠狠老| 337p粉嫩大胆噜噜噜噜噜91av| 天堂成人国产精品一区| 亚洲欧美伊人| 国产伦精品一区二区三区视频| 麻豆一二三区精品蜜桃| 亚洲黄色免费看| 在线视频中文字幕第一页| 国产精品一区二区三区四区色| 一级毛片国产| 黄色av资源| 比比资源先锋影音网| 18free性欧美另类hd| 97久久精品人人澡人人爽| 成人精品一区二区三区四区| 国产毛片精品一区| 国产一区二区三区免费播放| 亚洲欧洲中文日韩久久av乱码| 国产欧美视频一区二区| 91在线视频播放| 欧美性视频一区二区三区| 欧美最猛黑人xxxxx猛交| 91高清视频在线| 日本精品一区二区三区高清| 亚洲日韩欧美视频| 中文字幕日韩欧美| 久久精品成人动漫| 欧美激情a∨在线视频播放| 九九久久综合网站| 69av视频在线播放| 国产精品扒开腿做爽爽爽视频| 国产精品美女久久久久久免费 | 成人免费一区二区三区在线观看| 91免费精品国自产拍在线不卡| 欧美日韩一区在线| 91精品一区二区三区久久久久久 | 亚洲欧洲久久| 超碰成人免费在线| 国产三级三级三级看三级| 亚洲欧美另类动漫| 在线播放av网址| 欧美偷拍一区二区三区| 欧美激情精品久久| 亚洲最新av网站| 中文字幕有码在线| 黄色免费大片| 性欧美孕妇孕交| 日本资源在线| 日本一区二区三区播放| 日本a口亚洲| 国产日韩欧美在线一区| 亚洲成人一区二区| 精品少妇一区二区三区免费观看| 国产一区二区三区欧美| 久久久久久久国产精品视频| 亚洲sss综合天堂久久| 色乱码一区二区三在线看| 久久视频这里有精品| 亚洲av无一区二区三区久久| 男女做暖暖视频| 99精品在线看| 性xx十八spa按摩| 亚洲裸体视频| 亚洲欧洲自拍| 麻豆精品一区二区综合av| 国产精品美女久久久久av爽李琼| 精品久久中文字幕久久av| 日韩经典一区二区三区| 欧美最近摘花xxxx摘花| 日本不卡一区| 欧美在线a视频| 久久国产精品波多野结衣| 拍拍拍在线观看视频免费| 巨骚激情综合| 一区二区三区中文| 波多野结衣精品在线| 一本久久a久久免费精品不卡| 国产精品视频精品视频| 最新国产精品自拍| 国产原创在线播放| 欧洲天堂在线观看| 欧美综合影院| 一本久道综合久久精品| 中文字幕成人av| 精品国产乱码久久久久久浪潮| 日本老师69xxx| av无码久久久久久不卡网站| 娇妻被老王脔到高潮失禁视频| 99国产在线播放| h片在线观看网站| 红桃成人av在线播放| 亚洲欧美日韩一区二区三区在线观看| 国产91精品久| 精品无码一区二区三区爱欲| 国产又黄又粗又长| 免费观看羞羞视频网站| 韩国成人在线| 丝袜美腿亚洲一区二区图片| 亚洲精品美女网站| 久久久久久久久久久视频| 国产色无码精品视频国产| 成人羞羞视频免费看看| 欧美性生活一级| 麻豆精品精品国产自在97香蕉| 亚洲欧美制服第一页| 欧美日韩无遮挡| 亚洲一区二区三区蜜桃| 先锋影音男人| caoporn免费在线视频| 国产一区视频导航| 欧美劲爆第一页| 免费看污片网站| 一级视频在线观看| 久久草av在线| 欧美专区第一页| 免费中文字幕在线| 激情网址大全| 亚洲资源在线| 成人国产精品免费| 国产精品igao视频| 色哟哟在线观看视频| 国内视频自拍在线视频| 欧美激情亚洲| 色多多国产成人永久免费网站 | 国产精品视频在线观看| 久久久久久久9999| 激情亚洲色图| 亚洲精品一区二区三区中文字幕| a级精品国产片在线观看| 亚洲码在线观看| 无码人妻一区二区三区在线视频| 色婷婷在线视频| 狂野欧美性猛交xxxxx视频| 免费永久网站黄欧美| 3d动漫精品啪啪一区二区竹菊| 欧美日韩二三区| 国内一级毛片| 日本免费新一区视频| 欧美va亚洲va在线观看蝴蝶网| 凹凸日日摸日日碰夜夜爽1| 亚洲经典一区二区三区| 午夜激情在线| 亚洲美女在线一区| 成人在线播放av| 日韩在线视频网址| 色呦呦呦在线观看| 亚洲一区二区三区在线看 | 免费a级黄色片| 你懂的视频在线观看资源| 国内精品久久久久久久影视麻豆| 欧美午夜一区二区| 九色porny自拍| 国产精品69一区二区三区| 日韩一二三区| 精品国产免费久久| 玖玖爱在线观看| 三级福利片在线观看| 五月婷婷欧美视频| 欧美xxxx黑人又粗又长密月| 国产一级一片免费播放放a| 一二三区在线| 欧美国产欧美综合| 亚洲一区高清| 亚洲爱情岛论坛永久| 少妇精品久久久一区二区| 欧美影院一区二区三区| 91女神在线观看| 国产一级二级三级在线观看| 青青草97国产精品免费观看| 国产欧美日韩91| 黄网在线观看视频| 四虎亚洲精品| 欧美性猛交xxxx黑人交| 国产综合内射日韩久| 伊人影院在线视频| 91精品婷婷国产综合久久竹菊| 制服丝袜第一页在线观看| 天天干 夜夜操| 亚洲免费在线| 97操在线视频| 欧美男人天堂网| 影音先锋导航| 国产精品嫩草久久久久| 国产一区二区在线视频播放| 中文字幕高清在线观看| 日本sm残虐另类| 开心色怡人综合网站| 任你操视频在线观看| 成a人片国产精品| 老司机激情视频| 国产精品白浆视频免费观看| 国产一区在线精品| 免费的一级黄色片| 亚洲欧美一区二区三区在线播放| 午夜精品一区二区三区电影天堂 |