指尖滑動屏幕的時候王带，多停留幾秒雳灾，捕捉一些用心的設(shè)計咨察，記錄并反思應(yīng)用到自己的設(shè)計中去拾氓。設(shè)計讓我們更加美好!
01、分類導(dǎo)航篩選
關(guān)鍵詞
#導(dǎo)航分類 #主題
產(chǎn)品體驗
愛奇藝：頭部切換不同分類的時候磺浙，底部顏色跟著切換愿卒，氣氛跟專題搭配
騰訊視頻：頭部切換的時候灵莲，不同專題選中狀態(tài)個性化蜈敢，有點突然
設(shè)計思考
愛奇藝：導(dǎo)航切換視覺上統(tǒng)一辜荠，專題顏色有帶入感，視覺上給用戶暗示視頻風(fēng)格
騰訊視頻：感覺每個分類都是一個獨立的頁面抓狭，風(fēng)格上都各自的排版布局
02伯病、表單輸入框
關(guān)鍵詞
#表單文本輸入 #選擇輸入
產(chǎn)品體驗
貝殼：直接選中符合自己條件的選項，按鈕直接確定篩選否过。
釘釘：請假頁面午笛，類型、時間選擇苗桂，選中之后右側(cè)有一鍵清除按鈕药磺，時長自動計算。
花借：授權(quán)的時候輸入聯(lián)系人信息兩種屬性表單都靠右對齊煤伟。
設(shè)計思考
貝殼：視覺上閱讀左對齊癌佩，但單位離較遠，缺少親密性便锨。
釘釘：使用大間距留白围辙，同類型文案歸類清晰，頁面內(nèi)容不多采用上下結(jié)構(gòu)放案，合理減少頁面留白
花借：統(tǒng)一右對齊姚建，分割線半開半閉，給用戶可點擊吱殉，可編輯的感受掸冤。
03、篩選結(jié)果
關(guān)鍵詞
#篩選數(shù)據(jù)
產(chǎn)品體驗
拉勾網(wǎng)：直接選中符合自己條件的選項考婴，按鈕直接確定篩選贩虾。
餓了么：篩選選項之后，文案提示“查看XXX商家”沥阱。
美團：篩選選項之后缎罢，按鈕顯示“完成X”個選項。
設(shè)計思考
拉勾網(wǎng)：求職者目標明確考杉，知道自己的目標，所以文案不需要提示崇棠。
餓了么：服務(wù)用戶角度咽袜，幫用戶篩選適合的商家，增加用戶留存枕稀，更加有溫度询刹，較好的體驗
美團：用戶視角谜嫉，完成多個條件篩選，只提供幾個數(shù)字凹联，缺少點溫度沐兰。
04、標簽的使用場景
關(guān)鍵詞
#標簽
產(chǎn)品體驗
B站視頻：通過標簽可以引導(dǎo)用戶點擊感興趣的視頻蔽挠。
支付寶口碑金剛位：展覽休閑突出賣點廣告位：有個光影藝術(shù)館住闯。
愛奇藝：視頻封面標簽，視頻來源澳淑，是否付費比原。
設(shè)計思考
b站：視頻封面因為是用戶自己上傳，風(fēng)格不同意杠巡，在封面上打標簽識別性較差量窘。
支付寶口碑：金剛位根據(jù)賣點，廣告位推送忽孽。
愛奇藝：標簽在視頻封面上绑改，視頻的標簽商業(yè)屬性強，給用戶直接感受兄一，根據(jù)自己的會員身份篩選厘线。同時提醒用戶可以開通會員獲取觀看權(quán)力。
05出革、商品標簽
關(guān)鍵詞
#商品賣點
產(chǎn)品體驗
視覺層級造壮，幫助用戶快速篩選對自己有用的信息，品牌元素用色塊骂束，賣點滿減信息用描邊標簽
淘寶：品牌標簽在商品名稱前面耳璧，賣點跟在價格后面。
貝殼找房：賣點跟在樓盤名稱后面展箱。
京東：品牌跟賣點標簽都在價格后面旨枯。
蘇寧：品牌標簽在商品名稱前面，賣點標簽再價格下方混驰。
設(shè)計思考
一個商品有很多信息攀隔，如何快速抓取用戶有用的信息，幫用戶快速進行篩選栖榨，提升產(chǎn)品使用效率昆汹，增加轉(zhuǎn)化率。
品牌標簽根據(jù)用戶對品牌對依賴性程度婴栽，公司對業(yè)務(wù)需求來定满粗。
06、qq選擇圖片松手發(fā)送
關(guān)鍵詞
#拖動
產(chǎn)品體驗
發(fā)送圖片的時候愚争，長按一張圖片 可以拖動發(fā)送映皆，有小字提醒“松手發(fā)送”挤聘。
設(shè)計思考
長按相冊拖動到對話框里，隨著手指移動劫扒，完成操作檬洞，讓用戶互動有參與感。
07沟饥、貝殼找房周邊配套多了附近樓盤
關(guān)鍵詞
#推薦更多 #全景
產(chǎn)品體驗
之前地圖只有一些周邊配套，現(xiàn)在還給用戶提供了更多出口：附近樓盤湾戳，咨詢窗口贤旷，可以查看全景。
設(shè)計思考
給了用戶更多選擇砾脑，讓用戶置身于樓盤場景中幼驶，身臨其境，同時直接抓住用戶心里韧衣，相同地段其他樓盤推薦盅藻，減少用戶跳出率，同時提供咨詢服務(wù)畅铭，拉新氏淑。
