以登錄賬號(hào)密碼不匹配為例，全面解析設(shè)計(jì)背后的邏輯

當(dāng)用戶(hù)點(diǎn)擊某個(gè)操作時(shí)，由于某種原因會(huì)導(dǎo)致此操作失敗，這時(shí)候就需要出現(xiàn)反饋提示來(lái)告知用戶(hù)原因。反饋提示通常會(huì)有多種表現(xiàn)樣式。

有時(shí)候多種樣式都可以使用，那么到底應(yīng)該使用哪種樣式呢？我們應(yīng)該怎么去理解這些樣式，以及它背后的設(shè)計(jì)邏輯？

微信中，給對(duì)方發(fā)送圖片時(shí)，微信限制只能發(fā)送九張。當(dāng)用戶(hù)選擇了九張時(shí)，用戶(hù)再次選擇時(shí)，會(huì)提示用戶(hù)最多只能選擇九張。對(duì)此iOS版使用的是警示框，Android版使用的是toast。

關(guān)于為什么iOS 版本用警示框，Android 版本用toast的背后設(shè)計(jì)邏輯？

這里有我的一個(gè)猜測(cè)：

微信iOS版，當(dāng)用戶(hù)選擇了9張時(shí)，再次選擇第10張，給出強(qiáng)阻斷的警示框，用戶(hù)需要點(diǎn)擊警示框中的按鈕操作。這個(gè)過(guò)程加強(qiáng)了用戶(hù)的記憶和操作成本，有了之前的強(qiáng)提示，用戶(hù)下次選擇超過(guò)9張有印象，避免用戶(hù)再次犯錯(cuò)。

微信Android版，當(dāng)用戶(hù)選擇了9張時(shí)，再次選擇第10張，給出較輕量的toast。這個(gè)過(guò)程是在減輕用戶(hù)犯錯(cuò)的成本。方便了用戶(hù)當(dāng)前操作，卻沒(méi)有防止用戶(hù)以后犯錯(cuò)。

針對(duì)iOS 和Android版微信的選擇圖片場(chǎng)景，打一個(gè)不恰當(dāng)?shù)谋确剑?br />
家長(zhǎng)針對(duì)自己的小孩（用戶(hù)）犯錯(cuò)。iOS版的家長(zhǎng)選擇在犯錯(cuò)的時(shí)，進(jìn)行比較重的教育，讓孩子記憶和影響加深，使其改正行為，防止以后再次犯錯(cuò)誤。而Android版的家長(zhǎng)進(jìn)行比較輕的教育僅僅提供提示，用戶(hù)的犯錯(cuò)成本較低，無(wú)強(qiáng)烈感知，未起到以后的防錯(cuò)的作用。

至于微信為什么限定只能最多選擇九張。我猜測(cè)是為了遵從朋友圈動(dòng)態(tài)九張圖。因?yàn)榕笥讶θ绻幌薅ǖ脑?huà)，用戶(hù)惡意平鋪很多張，對(duì)別人瀏覽朋友圈的話(huà)是一種信息噪音。同時(shí)九宮格是一種和諧的視圖模式。

同理微信對(duì)話(huà)發(fā)圖片也統(tǒng)一了規(guī)則，這樣也同時(shí)避免對(duì)方惡意大批量的發(fā)圖片。

以登錄賬號(hào)密碼不匹配為例，來(lái)全面淺析設(shè)計(jì)背后的邏輯

用戶(hù)使用App進(jìn)行登錄時(shí)，當(dāng)賬號(hào)密碼不匹配，會(huì)出現(xiàn)錯(cuò)誤提示。目前市面上的提示有三種。分別為警示框、toast和對(duì)象內(nèi)嵌。

首先說(shuō)下使用場(chǎng)景，登錄賬號(hào)屬于超低頻的操作?，F(xiàn)在app都將退出賬號(hào)的路徑做的比較深，以此減少用戶(hù)退出賬號(hào)。這樣的好處是可以讓用戶(hù)更方便的體驗(yàn)產(chǎn)品，增加產(chǎn)品的使用時(shí)長(zhǎng)和使用深度。

1. 警示框

警示框?yàn)樽钄嗍讲僮鳎瑢儆趶?qiáng)提示。告知用戶(hù)賬號(hào)密碼不匹配，用戶(hù)需要點(diǎn)擊警示框上的按鈕才能重新輸入賬號(hào)或密碼。

微信、QQ、Instagram在登錄賬號(hào)密碼不匹配時(shí)，使用的都是警示框。需要用戶(hù)點(diǎn)擊警示框按鈕才可以再次輸入。強(qiáng)制性操作。

我之前想過(guò)這樣做的作用是否為了安全，通過(guò)點(diǎn)擊警示框按鈕，提高操作門(mén)檻使得盜號(hào)者大規(guī)模破解運(yùn)算猜密碼。再仔細(xì)一想這個(gè)猜測(cè)不合理。設(shè)計(jì)者可以通過(guò)限制登錄來(lái)保證安全性。例如用戶(hù)輸入密碼錯(cuò)誤五次開(kāi)始限制五分鐘后再輸入。

那么為什么微信、QQ、Instagram體量龐大的App使用彈框提示呢？

可能原因有兩點(diǎn)：

登陸是超低頻操作，一年都登陸不了兩次，所以警示框這個(gè)組件對(duì)用戶(hù)來(lái)說(shuō)影響基本可以忽略。
賬號(hào)密碼不匹配對(duì)于用戶(hù)來(lái)說(shuō)是一件很重要的事情，所以使用警示框去強(qiáng)烈提示用戶(hù)。
2. toast

toast為短暫的提示性組件，當(dāng)用戶(hù)點(diǎn)擊登錄時(shí)，提交給系統(tǒng)，系統(tǒng)發(fā)現(xiàn)賬號(hào)密碼不匹配，通過(guò)toast提示告知用戶(hù)，一般停留1-2s，之后消失。屬于輕量級(jí)提示。

京東、UC瀏覽器、貓眼在登錄賬號(hào)密碼不匹配時(shí)，使用的都是toast提示。通過(guò)一個(gè)輕量的反饋?zhàn)層脩?hù)知道登錄失敗的原因。用戶(hù)不需要任何操作，可以繼續(xù)在輸入框里填寫(xiě)。方便用戶(hù)當(dāng)前操作。

那么為什么京東、QQ、UC瀏覽器、貓眼等App使用toast呢？因?yàn)樵谔崾居脩?hù)錯(cuò)誤反饋的同時(shí)也方便用戶(hù)去操作。所以使用toast看似是一個(gè)很好的選擇。

3. 對(duì)象內(nèi)嵌

當(dāng)用戶(hù)點(diǎn)擊登錄時(shí)，提交給系統(tǒng)，發(fā)現(xiàn)賬號(hào)密碼不匹配，系統(tǒng)通過(guò)在界面中內(nèi)嵌文字提示告知用戶(hù)，此提示一般提示為帶警惕性顏色（紅色）的醒目文字。屬于更輕量級(jí)提示。

用戶(hù)輸入賬號(hào)密碼時(shí)，點(diǎn)擊登錄，數(shù)據(jù)返回到服務(wù)器。服務(wù)器可以做以下兩種判斷：

賬號(hào)不存在的話(huà)，給出對(duì)應(yīng)賬號(hào)不存在提示。
賬號(hào)存在的話(huà)，賬號(hào)是否和密碼匹配。如果不匹配的話(huà)，給出對(duì)應(yīng)提示。
Chrome瀏覽器、百度網(wǎng)盤(pán)在登錄賬號(hào)密碼不匹配時(shí)，使用的都是對(duì)象內(nèi)嵌的方式。通過(guò)界面中的文字反饋?zhàn)層脩?hù)知道登錄失敗的原因。用戶(hù)可以繼續(xù)在輸入框里填寫(xiě)。

對(duì)象內(nèi)嵌強(qiáng)烈程度更低，對(duì)用戶(hù)的干擾更弱同時(shí)拓展性更好，可以在界面內(nèi)添加大量的信息。

對(duì)象內(nèi)嵌適用于信息小布局簡(jiǎn)單的界面。例如Chrome瀏覽器、百度網(wǎng)盤(pán)的登錄界面為信息小布局，較為簡(jiǎn)單。信息量大的布局復(fù)雜的界面不適合使用對(duì)象內(nèi)嵌，如果使用對(duì)象內(nèi)嵌的話(huà)，提示更弱化，不利于用戶(hù)發(fā)現(xiàn)反而使原本界面變得更復(fù)雜了。

分析與總結(jié)

以上三個(gè)提示類(lèi)型強(qiáng)烈程度分別為：警示框 > toast > 對(duì)象內(nèi)嵌。

那么作為設(shè)計(jì)師，讓你設(shè)計(jì)一些錯(cuò)誤的提示，你會(huì)選擇哪種呢？

無(wú)論選擇哪種提示，首先說(shuō)明這里沒(méi)有對(duì)與錯(cuò)，只有是否適合你的自我產(chǎn)品的定位和你的設(shè)計(jì)觀。

如果整個(gè)產(chǎn)品考慮更深的是產(chǎn)品邏輯與防錯(cuò)，可以選擇強(qiáng)制性的警示框。

有的設(shè)計(jì)者/產(chǎn)品經(jīng)理覺(jué)得警示框太強(qiáng)制了。為什么還要用戶(hù)去點(diǎn)擊一下，才能再輸入呢。就喜歡采取toast而導(dǎo)致整個(gè)產(chǎn)品很多都是toast，過(guò)多的toast，用戶(hù)習(xí)慣之后很容易忽略掉toast的提示語(yǔ)，未起到真正的防錯(cuò)和提示，有時(shí)候適度顯得更重要。

而對(duì)象內(nèi)嵌，則更為輕量。而且擴(kuò)展性強(qiáng)，可以承載更多的信息。對(duì)于需要考慮拓展性和免打擾用戶(hù)來(lái)說(shuō)是不錯(cuò)的設(shè)計(jì)選擇。

本文來(lái)源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

文章標(biāo)題：以登錄賬號(hào)密碼不匹配為例，全面解析設(shè)計(jì)背后的邏輯
文章地址：http://www.muchs.cn/news48/316998.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、關(guān)鍵詞優(yōu)化、商城網(wǎng)站、、網(wǎng)站內(nèi)鏈、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)