中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

《交互例推：好設(shè)計看得見》是我在體驗(yàn)互聯(lián)網(wǎng)產(chǎn)品過程中對一些產(chǎn)品設(shè)計案例進(jìn)行交互推導(dǎo)與分析的專題集合。

他山之石可以攻玉，關(guān)注這些好設(shè)計，給自己的設(shè)計思路帶來啟發(fā)，同時積累設(shè)計策略和學(xué)會設(shè)計總結(jié)，希望也能夠給你帶來一些思考。

01 微信讀書定時功能(列表選擇器·單選)

為什么要有定時功能？

據(jù)易觀提供的數(shù)據(jù)來看，午間（12:00～14:00）和晚間（21:00～23:00）這段時間為微信讀書用戶的活躍時間。這兩段時間都接近用戶的休息時間，用戶在午休前或晚上睡覺前進(jìn)行閱讀或聽書的場景是存在的。這樣來看，定時關(guān)閉聽書也是必要的功能。

微信讀書定時所用的組件是什么？

Selector列表選擇器（單選）

如何喚起選擇器：點(diǎn)擊定時按鈕，從頁面底部喚起選擇器

如何收起選擇器：點(diǎn)擊「遮罩層」或者點(diǎn)擊「收起圖標(biāo)」，將選擇器收起

獲取值：點(diǎn)擊某選項(xiàng)后，選項(xiàng)立馬生效，注意此時選擇器不收起（必須點(diǎn)擊收起圖標(biāo)才能收起選擇器），同時將結(jié)果反饋到定時按鈕的文案上（若定時的話開始倒計時）

樣式規(guī)范：列表選擇器「選項(xiàng)區(qū)」需限定一個固定高度，選項(xiàng)數(shù)超過「選項(xiàng)區(qū)」高度通過垂直滾動條上下滾動查看所有選項(xiàng)

02 IOS飛行模式開關(guān)微動效你注意到了嗎？

IOS飛行模式的開啟和關(guān)閉在導(dǎo)航欄左側(cè)會有微動效，你一定沒有注意到？

因?yàn)槠綍r我們開關(guān)飛行模式都是通過快捷窗口來進(jìn)行設(shè)置，快捷窗口有遮罩層，遮罩層擋住了背景因此察覺不到微動效。

在IOS系統(tǒng)設(shè)置里開啟飛行模式可以看到狀態(tài)欄左上角緩動出現(xiàn)了飛機(jī)，而關(guān)閉后飛機(jī)則緩動消失。

真是小驚喜！

03 服務(wù)授權(quán)強(qiáng)制彈窗內(nèi)容設(shè)計規(guī)范

在首次使用某App，一般會有服務(wù)授權(quán)強(qiáng)制彈窗出現(xiàn)讓用戶閱讀并同意協(xié)議，特別是需要獲取用戶隱私信息比如手機(jī)號等資料的應(yīng)用。

「菜鳥驛站」授權(quán)協(xié)議彈窗↑

大部分用戶對協(xié)議的內(nèi)容并不關(guān)注，但從法務(wù)角度來說，協(xié)議內(nèi)容必須要告知用戶，用戶有知情權(quán)。

所以強(qiáng)制彈窗的內(nèi)容設(shè)計就顯得格外重要，內(nèi)容框架包含以下部分（以首次使用菜鳥驛站應(yīng)用為例）：

• 標(biāo)題副標(biāo)題：告知目的，這里是需要獲取用戶授權(quán)
• 正文：授權(quán)的內(nèi)容，對協(xié)議的內(nèi)容提取摘要，用戶可以不用看冗長的內(nèi)容就可以明白
• 協(xié)議鏈接：提供協(xié)議文字鏈，點(diǎn)擊鏈接打開新頁面，可以瀏覽協(xié)議正文

若用戶取消授權(quán)，會進(jìn)行二次確認(rèn)，二次確認(rèn)告知用戶取消授權(quán)的結(jié)果會是如何？通常會委婉地告知用戶取消授權(quán)將影響正常使用應(yīng)用。

「菜鳥驛站」取消授權(quán)二次確認(rèn)彈窗↑

綜上，協(xié)議授權(quán)需要考慮授權(quán)的內(nèi)容設(shè)計以及取消授權(quán)后的二次確認(rèn)。

04 網(wǎng)易云音樂聽歌滑動手勢切換

不知道你有沒有發(fā)現(xiàn)網(wǎng)易云音樂是可以通過左右滑動唱片來切換上一首和下一首音樂的。

如果你的手機(jī)是IOS系統(tǒng)，可以直接向右滑動來返回上一級頁面，IOS用戶已經(jīng)習(xí)慣了該手勢。

網(wǎng)易云音樂的唱片區(qū)域不小也不大，如果App不告知，很多用戶甚至是老用戶都不知道在唱片區(qū)域左右滑動是可以切換音樂的。

所以對于唱片區(qū)域的手勢作用，App可以進(jìn)行引導(dǎo)設(shè)計。

但另一方面來說也沒太大必要，因?yàn)樯弦皇缀拖乱皇装粹o的作用顯而易見同時也極易切換。

滑動手勢往往承載切換的功能，所以，給唱片設(shè)計滑動手勢是為了要覆蓋一貫認(rèn)知的合理性嗎？

05 鏈家全屏合并授權(quán)方式案例推導(dǎo)

你有沒有過這種經(jīng)歷？打開一個App，迎面彈出好幾個對話框，某某App想給您發(fā)送通知，是否允許？是否允許某某App使用無限數(shù)據(jù)？……

很多App都是采用這種方式，一種授權(quán)彈一次彈窗。

我們看下上面的案例錄屏，鏈家App的授權(quán)方式，有點(diǎn)耳目一新的感覺。

在首次啟動應(yīng)用后，鏈家App以全屏的形式告知用戶，將授權(quán)的內(nèi)容進(jìn)行分類并展示，默認(rèn)都是選中態(tài)，若用戶不想開放某權(quán)限，則可以取消選中。同時也給出協(xié)議文字鏈。

最后一個按鈕讓用戶提交自己的授權(quán)選擇，提交完成后自動進(jìn)入App首頁。

前面的交互例推【03】《服務(wù)授權(quán)強(qiáng)制彈窗內(nèi)容設(shè)計規(guī)范》也是需要用戶授權(quán)，它采用的是彈窗的形式，和鏈家有所差異，但沒有孰高孰低，兩者的適用場景有所差異。

06 認(rèn)識2種頁面加載方式(活動指示器+骨架屏)

在使用App的過程中，每進(jìn)入一個頁面，App就會請求服務(wù)器獲取數(shù)據(jù)，然后再將數(shù)據(jù)返回頁面進(jìn)行呈現(xiàn)，在App發(fā)送請求到返回數(shù)據(jù)的這段時間，就是頁面加載的時間。

而網(wǎng)絡(luò)連接狀況會影響頁面加載的時間，網(wǎng)絡(luò)越差，加載的時間也越長，這也就意味著用戶需要等待一段時間才會看到該頁面的內(nèi)容，而等待時間越長，用戶就會越焦慮。

今天案例中的2種頁面加載方式就能夠降低用戶的焦慮感，大家可以看下錄屏動圖。

方式1：活動指示器，適用單一的頁面結(jié)構(gòu)，比如「正在學(xué)習(xí)」頁，無文字內(nèi)容和重復(fù)內(nèi)容出現(xiàn)。

知乎「正在學(xué)習(xí)」標(biāo)簽頁加載前后對比↑

方式2：骨架屏，適用于內(nèi)容結(jié)構(gòu)規(guī)律的頁面，比如「學(xué)習(xí)清單」頁，它是一個列表頁，內(nèi)容規(guī)整有序。

知乎「學(xué)習(xí)清單」標(biāo)簽頁加載前后對比↑

07 芒果TV通過動態(tài)標(biāo)簽來提高簽到點(diǎn)擊率

請問你看到芒果TV「我的」頁面時，你的視覺焦點(diǎn)是定位在哪個區(qū)域的？

毋庸置疑，應(yīng)該是動態(tài)標(biāo)簽「領(lǐng)15天會員」，為什么會被吸引：

1. 動態(tài)比靜態(tài)抓人眼球，吸引用戶的注意力
2. 「領(lǐng)15天會員」文案本身，因?yàn)樵搫討B(tài)標(biāo)簽靠近簽到按鈕，所以用戶會不由地將動態(tài)標(biāo)簽和按鈕進(jìn)行聯(lián)系，心理活動是：難道簽到就能領(lǐng)取15天會員嗎？帶著好奇心點(diǎn)進(jìn)去看看吧…既然已經(jīng)進(jìn)入簽到頁面了那就隨手簽個到吧…

以上操作路徑自然會提高用戶的點(diǎn)擊率。

08 鏈家App點(diǎn)擊底部標(biāo)簽欄可以回到頁面頂部

鏈家App首頁瀏覽內(nèi)容，往下滑動到為您推薦模塊后（頁面滑動了大概第3屏的高度），首頁標(biāo)簽欄會切換為一個Top圖標(biāo)，點(diǎn)擊后可以快速回到首頁頁面底部。

分析下優(yōu)缺點(diǎn)：

優(yōu)點(diǎn)：對于長頁面，回到頂部的功能是至關(guān)重要的，在其他App上，回到頂部常見的表現(xiàn)形式是懸浮按鈕（默認(rèn)隱藏懸浮按鈕，頁面滑動一定的高度后顯示）或者是底部按鈕（瀑布流的頁面不適合將回到頂部按鈕放在頁面底部），如下圖所示：

而鏈家App這種方式比較少見，所以很是新穎。

缺點(diǎn)：沉浸閱讀的用戶，關(guān)注焦點(diǎn)會在內(nèi)容本身，所以在用戶滑動頁面且認(rèn)真閱讀的過程會比較難注意到底部標(biāo)簽欄的切換，很可能會忽略這個功能。

若App以該種方式回到頁面頂部的話，默認(rèn)Tab和回到頂部的Tab前后視覺變化可以設(shè)計地明顯些，這樣用戶才易察覺到。

09 掌上生活錄屏?xí)r進(jìn)行貼心提示

我們都處于信息時代，個人隱私信息常常在曝光時而不自知，比如手機(jī)錄屏行為。

掌上生活A(yù)pp會監(jiān)測用戶的錄屏行為，一旦監(jiān)測到了會進(jìn)行toast提示，告知用戶當(dāng)前正在錄屏中需注意隱私安全。

toast輕提示屬于弱提示，既不打擾用戶行為，但起到了提示的作用，當(dāng)用戶看到后自然會對自己的錄屏內(nèi)容稍加注意，自己的隱私信息（比如手機(jī)號、身份證號、銀行卡信息等）是否被無意間錄入進(jìn)去了。

算是一個Sweet交互細(xì)節(jié)！

10 IOS中的Actionsheet和Alert，傻傻分不清？

說實(shí)話，以前從沒有注意到IOS的Actionsheet（左圖1）可以當(dāng)確認(rèn)對話框來使用，一提到IOS的確認(rèn)對話框，腦子里想到就是在屏幕中間彈出的Alert（如圖2）。

通過查閱IOS的Human Interface Guidelines，IOS的設(shè)計指南中指出“Use an action sheet to let people initiate tasks, or to request confirmation before performing a potentially destructive operation.”

意指：可以使用Actionsheet來執(zhí)行新的任務(wù)或在用戶進(jìn)行破壞性操作前請求確認(rèn)。這樣來說，對用戶的二次確認(rèn)既可以用Actionsheet也可以用Alert。

所以在我看來，以上2個場景Actionsheet和Alert都可以進(jìn)行使用。

如果你有更說服力的觀點(diǎn)，Please tell me！

以上，如果是你，你會這樣設(shè)計嗎？

#相關(guān)閱讀#

《交互例推：好設(shè)計看得見（1）》

作者：辛小仲；一名正在成長的交互設(shè)計師，公眾號：辛小仲。

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

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