国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

作者分享一些App的令人印象深刻的交互體驗(yàn)，希望能夠給同學(xué)們一些啟發(fā)。

今天和大家聊一聊，我在日常體驗(yàn)不同App的時(shí)候發(fā)現(xiàn)的一些好的體驗(yàn)。

主要是想通過(guò)這些點(diǎn)給設(shè)計(jì)師一些啟發(fā)，思考工作中可以從哪些緯度去打磨我們的產(chǎn)品。

01 美團(tuán)標(biāo)簽提示

當(dāng)用戶(hù)在首頁(yè)向下瀏覽時(shí)，當(dāng)瀏覽一些店家后，如果還沒(méi)有發(fā)現(xiàn)想吃的餐廳時(shí)，頂部會(huì)提示用戶(hù)：糾結(jié)吃啥點(diǎn)這里，引導(dǎo)用戶(hù)點(diǎn)擊“發(fā)現(xiàn)好菜”，長(zhǎng)時(shí)間的瀏覽沒(méi)有行動(dòng)時(shí)，可以引導(dǎo)用戶(hù)關(guān)注其他的信息。

02 美團(tuán)外賣(mài)下拉刷新

下拉刷新融入品牌logo和吉祥物是常見(jiàn)的方式，而美團(tuán)則賦予更深的內(nèi)涵。

用戶(hù)下滑刷新時(shí)，小袋鼠在送外賣(mài)路上，會(huì)飛速地前行，寓意美團(tuán)的送餐速度，遇到紅燈就會(huì)停住，寓意美團(tuán)的騎手遵守交通安全。小細(xì)節(jié)可以改善外界對(duì)美團(tuán)外賣(mài)小哥飛速送外賣(mài)時(shí)，瘋狂亂竄不守規(guī)矩的印象，

小細(xì)節(jié)，也可以裝下很大的內(nèi)涵。

03 美團(tuán)外賣(mài)提交訂單提示

如用戶(hù)在提交訂單時(shí)沒(méi)有點(diǎn)主食，會(huì)提示用戶(hù)是不是忘記點(diǎn)主食了。結(jié)合用戶(hù)場(chǎng)景和常識(shí)，提供貼心的防錯(cuò)提示，設(shè)計(jì)上用底部動(dòng)作欄的交互樣式讓用戶(hù)快速添加，也防止了用戶(hù)的外跳，可以在當(dāng)前入口快速添加主食。

場(chǎng)景結(jié)合常識(shí)，提供防錯(cuò)機(jī)制。

04 美團(tuán)金剛區(qū)引導(dǎo)

如用戶(hù)所在城市未開(kāi)通打車(chē)、單車(chē)服務(wù)時(shí)，會(huì)在首頁(yè)icon上做視覺(jué)提示，用戶(hù)點(diǎn)擊會(huì)出現(xiàn)彈窗并帶有詳細(xì)說(shuō)明和引導(dǎo)，同時(shí)用戶(hù)也可選擇“移除服務(wù)”移除無(wú)用的功能，與此同時(shí)移除時(shí)可以讓其他功能入口得到更多曝光。

用戶(hù)遇到消極狀態(tài)或失敗等情況時(shí)，應(yīng)當(dāng)給用戶(hù)詳細(xì)的說(shuō)明以及引導(dǎo)。

05 支付寶輸入框交互

用戶(hù)在對(duì)話(huà)窗口輸入數(shù)字后，會(huì)出現(xiàn)氣泡提醒，提醒用戶(hù)是否需要轉(zhuǎn)賬。在特定情況下為用戶(hù)提供防錯(cuò)機(jī)制，同時(shí)又為用戶(hù)提供快捷的轉(zhuǎn)賬入口，這一切都基于產(chǎn)品屬性和對(duì)用戶(hù)行為的預(yù)判。同樣的功能

不僅要知道自家產(chǎn)品定位，還需要了解用戶(hù)對(duì)自家產(chǎn)品的定義是怎樣的。

06 支付寶輸入框

聊天窗口，可以點(diǎn)擊底部輸入框內(nèi)的轉(zhuǎn)賬，快速進(jìn)行轉(zhuǎn)賬，根據(jù)產(chǎn)品屬性為用戶(hù)前置常用的操作。

結(jié)合用戶(hù)常用操作，可以考慮前置用戶(hù)常用的功能或操作。

07 微信安全提示

在“收付款”頁(yè)截屏?xí)r，會(huì)提示用戶(hù)保護(hù)好二維碼，以防泄漏。

信息敏感相關(guān)頁(yè)面，可以考慮提供安全保護(hù)提醒。

08 微信截屏引導(dǎo)

在“二維碼收款”頁(yè)截屏?xí)r，會(huì)出現(xiàn)彈窗并引導(dǎo)用戶(hù)將收款二維碼保存至手機(jī)。

用戶(hù)在不同的頁(yè)面截屏，可能會(huì)有不同的目的，不同的頁(yè)面可以設(shè)置不同引導(dǎo)。

09 微信朋友圈設(shè)置權(quán)限

刷朋友圈時(shí)，朋友圈總是充斥著各種微商，或不想看到一些人的朋友狀態(tài)，但又不好意思刪除時(shí)，則可長(zhǎng)按頭像“設(shè)置權(quán)限”選擇不看ta的動(dòng)態(tài)。

充分考慮了用戶(hù)在當(dāng)前場(chǎng)景可能產(chǎn)生的情緒變化，分析用戶(hù)情緒可能產(chǎn)生的潛在操作行為。

10 微信讀書(shū)左滑交互

閱讀到最后時(shí)，可以繼續(xù)左滑退出當(dāng)前閱讀。利用用戶(hù)習(xí)慣性左滑翻頁(yè)的交互手勢(shì)，自然地完成退出閱讀操作，一切都是那么絲滑。

利用流程中用戶(hù)熟悉或使用過(guò)的手勢(shì)，可以讓體驗(yàn)更一致。

11 QQ截圖引導(dǎo)

如在QQ應(yīng)用內(nèi)截圖，優(yōu)先引導(dǎo)用戶(hù)將截圖發(fā)送給QQ好友，目的是讓用戶(hù)優(yōu)先使用qq完成本次發(fā)送，也可以防止用戶(hù)跳出，也可點(diǎn)擊“分享”選擇分享至自家的其他產(chǎn)品中。

結(jié)合自身產(chǎn)品社交屬性，改變常規(guī)截屏交互體驗(yàn)。

12 脈脈文案定制

添加好友時(shí)根據(jù)關(guān)系屬性來(lái)個(gè)性化定制特定打招呼文案。

關(guān)系的不同，直接影響對(duì)話(huà)內(nèi)容的不同。

13 脈脈文章引導(dǎo)

在脈脈閱讀文章時(shí)，如閱讀到底部時(shí)，會(huì)出現(xiàn)彈窗引導(dǎo)用戶(hù)將文章推薦給同行，通過(guò)這種方式促進(jìn)用戶(hù)參與感，同時(shí)讓作者文章得到更多的曝光。

在合適的時(shí)機(jī)引導(dǎo)用戶(hù)完成產(chǎn)品商業(yè)目的，會(huì)降低用戶(hù)被打斷的感受。

14 蘋(píng)果手機(jī)鍵盤(pán)

手小的用戶(hù)在單手操作較大屏幕手機(jī)時(shí)，可以選擇讓鍵盤(pán)靠左或靠右，無(wú)論左手持機(jī)還是右手持機(jī)都可以很方便的進(jìn)行操作。

利用用戶(hù)左右手的操作情況，未來(lái)也有可能針對(duì)頁(yè)面進(jìn)行個(gè)性化設(shè)計(jì)。

15 蘋(píng)果信息分類(lèi)

ios13.3更新后，對(duì)信息進(jìn)行了分類(lèi)處理，更新后可快速?gòu)谋姸嗬畔⒅姓业健耙延新?lián)系人”信息，再也不用擔(dān)心大海撈針了。

當(dāng)面對(duì)海量信息時(shí)，用戶(hù)會(huì)不自覺(jué)的對(duì)信息進(jìn)行分類(lèi)，分類(lèi)可以讓用戶(hù)便于理解與管理。

16 哈咯單車(chē)故障報(bào)修

哈嘍單車(chē)，在故障報(bào)修時(shí)，用圖片替代文字，讓用戶(hù)快速并直觀(guān)的選擇單車(chē)的故障位置。

比起文字，圖片可以讓用戶(hù)快速獲取信息。

17 閃送地址復(fù)制交互

使用文本文本識(shí)別時(shí)，只需要在其他應(yīng)用內(nèi)復(fù)制文本，回到當(dāng)前頁(yè)面后，系統(tǒng)會(huì)將剛剛粘貼的文本自動(dòng)粘貼到輸入框內(nèi)才，減少了用戶(hù)的操作成本。

結(jié)合用戶(hù)上一步操作，預(yù)判用戶(hù)下一步可能的操作。

18 Behance瀏覽體驗(yàn)

在瀏覽作品到底部時(shí)，如果沒(méi)有更多推薦作品時(shí)，用戶(hù)可以繼續(xù)上滑退出當(dāng)前瀏覽，結(jié)合用戶(hù)瀏覽路徑為用戶(hù)提供快速的返回方式，學(xué)習(xí)成本低。

可在用戶(hù)瀏覽信息時(shí)，結(jié)合用戶(hù)當(dāng)前瀏覽進(jìn)度，預(yù)判用戶(hù)下一步可能的操作。

19 餓了么錄入交互

新增地址時(shí)，點(diǎn)擊“電話(huà)”一項(xiàng)時(shí)，會(huì)出現(xiàn)氣泡提示用戶(hù)自己的號(hào)碼，用戶(hù)可點(diǎn)擊快速完成電話(huà)號(hào)碼錄入，相比手輸和通訊錄選擇，更加快捷。

結(jié)合產(chǎn)品屬性，優(yōu)先選擇本機(jī)手機(jī)號(hào)。

20 夸克瀏覽器搜索交互

進(jìn)入夸克瀏覽器后，可以拇指下滑調(diào)起鍵盤(pán)輸入內(nèi)容，通過(guò)快捷手勢(shì)“滑動(dòng)”降低用戶(hù)操作成本。

很多時(shí)候，滑動(dòng)比點(diǎn)擊要高效的多，巧用手勢(shì)可以起到四兩撥千金的作用。

21 Dropbox照片選擇交互

當(dāng)用戶(hù)在Dropbox選擇照片時(shí)，可以多個(gè)手指同時(shí)點(diǎn)擊選擇多個(gè)照片，下面中間圖即是我用五個(gè)手指點(diǎn)選的五張圖，右側(cè)圖是選中后的效果。

這種交互方式很少見(jiàn)（在微信IOS端中見(jiàn)到過(guò)，當(dāng)時(shí)只是好奇，所以在消息列表中隨意用多個(gè)手指一起向左滑動(dòng)，效果你可以自己試試）Dropbox的這種選擇邏輯可以滿(mǎn)足選擇目標(biāo)照片多張不相鄰的情況。

其實(shí)如果和蘋(píng)果的選擇邏輯結(jié)合，會(huì)更好，蘋(píng)果系統(tǒng)相冊(cè)在選擇時(shí)有三種選擇邏輯，分別是點(diǎn)選、橫向滑動(dòng)選擇、框選滑動(dòng)選擇。

我認(rèn)為，可以將Dropbox和蘋(píng)果做結(jié)合結(jié)，不同選擇方式滿(mǎn)足用戶(hù)不同情況下的不同交互手勢(shì)：

• 點(diǎn)選（滿(mǎn)足選擇單張或不相鄰的多張圖片）
• 多指點(diǎn)選（滿(mǎn)足選擇多張不相鄰的多張圖片）
• 橫向滑動(dòng)選擇（滿(mǎn)足選擇少量相鄰的圖片）
• 框選滑動(dòng)選擇（和電腦中的框選一樣，可以快速滑動(dòng)框選大量多張相鄰的圖片）

22 Twitter相冊(cè)前置

Twitter發(fā)布狀態(tài)時(shí)，通過(guò)對(duì)相冊(cè)入口的前置，可以快速添加近期的照片，可以向左滑動(dòng)選擇更多照片，當(dāng)滑動(dòng)到最后時(shí)，會(huì)有調(diào)起相冊(cè)的入口，方便選擇更早的照片。通過(guò)這種方式可以讓用戶(hù)快速添加照片，也可以促進(jìn)更多的用戶(hù)在發(fā)狀態(tài)時(shí)配圖。

23 微信二維碼識(shí)別

微信版本更新到7.0.9后，無(wú)論是在朋友圈還是在其他地方看到二維碼時(shí)候，只需要打開(kāi)二維碼，長(zhǎng)按就可以快速識(shí)別出二維碼的名片（底部動(dòng)作欄喚起后，會(huì)有一個(gè)識(shí)別名片的過(guò)程，這個(gè)過(guò)程很快，幾乎看不到，圖二還是我在網(wǎng)差的情況下出現(xiàn)的）識(shí)別后可以直接打開(kāi)對(duì)方名片并添加好友。

24 Twitter二維碼

Twitter在分享二維碼時(shí)，用戶(hù)可以點(diǎn)擊二維碼更換不同顏色，一共是五種顏色，用戶(hù)可以挑選自己喜歡的顏色并分享給朋友，滿(mǎn)足用戶(hù)個(gè)性化的同時(shí)，也區(qū)別其他黑色二維碼給人的嚴(yán)肅感。

25 Twitter照片選擇

Twitter在發(fā)文選擇照片時(shí)，可直接點(diǎn)擊單張圖片整個(gè)區(qū)域選中照片，當(dāng)需要預(yù)覽或編輯圖片時(shí)，可點(diǎn)擊右下角的??實(shí)現(xiàn)編輯和預(yù)覽。這種圖片的選中方式，再也不用擔(dān)心選擇照片時(shí)不小心卻點(diǎn)開(kāi)了預(yù)覽，也不用在小心翼翼點(diǎn)擊右上方的??區(qū)域了。

可能有人會(huì)覺(jué)得這樣做弱化了編輯和預(yù)覽功能，我的建議是：如果你的產(chǎn)品沒(méi)有對(duì)圖片的再編輯功能，可以選擇這種方式。如果你的產(chǎn)品有預(yù)覽也有編輯功能（比如微信）建議還是使用這種方式，因?yàn)槲艺J(rèn)為預(yù)覽和編輯都是低頻的操作，先說(shuō)預(yù)覽，首先用戶(hù)在選擇時(shí)可以通過(guò)縮略圖識(shí)別是哪張照片，再說(shuō)編輯，編輯本身就是低頻操作。

26 滴滴地址防錯(cuò)提示

當(dāng)在滴滴輸入目標(biāo)地點(diǎn)時(shí)，如果輸入的地點(diǎn)與其他城市的地點(diǎn)高度相似時(shí)，會(huì)在輸入框下面用提示框提醒用戶(hù)仔細(xì)核實(shí)地址。之所以提示框會(huì)特別明顯，因?yàn)槿绻脩?hù)沒(méi)有發(fā)現(xiàn)地址存在相似問(wèn)題時(shí)，選擇一個(gè)錯(cuò)誤的地址后，會(huì)增加用戶(hù)的無(wú)用操作。

27 微信表情

這是微信前幾次改版，改動(dòng)主要有幾個(gè)點(diǎn)：

1. 增加了下面圖一中紅色的區(qū)域，也就是增加了表情的標(biāo)簽導(dǎo)航，可以快速切換不同的表情類(lèi)型，這么做也是為了給用戶(hù)提供更豐富表情選擇；
2. 將左右翻頁(yè)的交互改成上下滑動(dòng)的交互方式，也就是圖二；
3. 當(dāng)用戶(hù)給好友發(fā)送表情時(shí)，如選擇了表情面板偏下的表情并發(fā)送后，如果用戶(hù)再與其他任意好友聊天時(shí)，點(diǎn)擊表情時(shí)，系統(tǒng)會(huì)定位用戶(hù)上一次發(fā)送表情時(shí)的位置。

以上三個(gè)點(diǎn)，只有第二點(diǎn)改版算是讓用戶(hù)比較爽的（因?yàn)樯舷禄瑒?dòng)的交互成本是要比左右滑動(dòng)或翻頁(yè)成本要低的），第一和第三點(diǎn)都存在一些問(wèn)題。

先說(shuō)第一點(diǎn)的問(wèn)題如下圖，改版后整個(gè)表情的區(qū)域增高了。當(dāng)然，增高擴(kuò)大了表情的展示區(qū)域，用戶(hù)在不需要滑動(dòng)就可以看到更多的表情。

但有一個(gè)非常高頻的場(chǎng)景體驗(yàn)有一些差，如下圖，就是當(dāng)用戶(hù)發(fā)送完表情后，再次點(diǎn)擊圖中A區(qū)域，再次輸入文字時(shí)，拇指在點(diǎn)擊A點(diǎn)就有些遠(yuǎn)了，當(dāng)然一個(gè)七尺男兒手指肯定沒(méi)問(wèn)題，大致可以忽略不計(jì)。但是女孩的手呢，可以問(wèn)問(wèn)身邊的女性朋友在使用時(shí)候是否存在這個(gè)問(wèn)題。

總結(jié)

不同場(chǎng)景下用戶(hù)會(huì)產(chǎn)生不同的情緒變化，設(shè)計(jì)師可以根據(jù)用戶(hù)情緒分析出用戶(hù)可能產(chǎn)生的潛在操作。

結(jié)合用戶(hù)所處流程、步驟、頁(yè)面，在恰當(dāng)?shù)臅r(shí)機(jī)，為用戶(hù)提供相應(yīng)內(nèi)容及功能；了解用戶(hù)前一個(gè)操作，和下一個(gè)可能的操作，為用戶(hù)提前準(zhǔn)備相關(guān)信息和操作。

本文由 @Tanruy 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于 CC0 協(xié)議