2017-7-17 資深UI設(shè)計(jì)者
我們現(xiàn)在所面臨的網(wǎng)絡(luò)安全問(wèn)題一直都很嚴(yán)峻。無(wú)論是更改社交媒體帳號(hào)，注冊(cè)新論壇，還是下載新的APP，我們都的數(shù)字身份一直都存在各種各樣的潛在安全風(fēng)險(xiǎn)。開(kāi)發(fā)團(tuán)隊(duì)花費(fèi)了大量的時(shí)間精力投入到開(kāi)發(fā)和設(shè)計(jì)當(dāng)中，改進(jìn)流程，優(yōu)化加密方案，來(lái)規(guī)避這些問(wèn)題。
黑客攻擊有網(wǎng)絡(luò)安全專家和開(kāi)發(fā)者來(lái)應(yīng)對(duì)，而用戶所面對(duì)的多數(shù)問(wèn)題，則更多的需要設(shè)計(jì)師來(lái)動(dòng)腦筋解決。通過(guò)流程和UI優(yōu)化，設(shè)計(jì)師能夠讓用戶盡可能地規(guī)避一些潛在的安全問(wèn)題，即使這個(gè)過(guò)程中可能會(huì)產(chǎn)生體驗(yàn)上的障礙和不適。
每當(dāng)用戶要執(zhí)行關(guān)鍵性的任務(wù)或者操作的時(shí)候，比如更改賬戶設(shè)置與密碼，這個(gè)時(shí)候用戶應(yīng)該保持緊張和專注，那么設(shè)計(jì)上就應(yīng)該幫助他們進(jìn)入這樣的狀態(tài)。因此，UI 應(yīng)該讓用戶清楚他們應(yīng)該做什么。
如果用戶必須在一屏上輸入帳號(hào)/郵件，在另外一屏上輸入密碼，那么設(shè)計(jì)師應(yīng)該參考 Yahoo 和 Gmail 的設(shè)計(jì)，讓兩屏看起來(lái)不一樣。只是將“用戶名”/“郵件”標(biāo)簽替換為“密碼”是遠(yuǎn)不夠的，因?yàn)閮善琳w看起來(lái)幾乎是完全一樣的。
首先，輸入框中的引導(dǎo)性的文本，作為整個(gè)屏幕用戶交互的核心，應(yīng)該看起來(lái)不一樣，因?yàn)樗鼈兪亲钗脩舻囊徊糠?，要表述清晰。在不影響整個(gè)品牌用色的前提下，使用不同的色彩來(lái)區(qū)分用戶名和密碼輸入。如果要進(jìn)一步改進(jìn)，建議針對(duì)界面中的指引性的圖標(biāo)進(jìn)行優(yōu)化和修改，比如讓兩個(gè)界面在圖標(biāo)上進(jìn)行區(qū)分。
在我看來(lái)，可預(yù)測(cè)性是UI的可用性的重要組成部分，因?yàn)樗陀脩粼诋a(chǎn)品使用時(shí)候的便捷性是關(guān)聯(lián)的。如果網(wǎng)站或者APP 在某些流程或者細(xì)節(jié)上有太多的意外，會(huì)讓整個(gè)交互顯得不那么正常。但是如何用戶正在做某項(xiàng)關(guān)鍵的事情，甚至?xí)绊懙劫~戶和整個(gè)體系的安全，那么超出他預(yù)期的情況可能會(huì)導(dǎo)致用戶關(guān)閉當(dāng)前操作，重新開(kāi)始流程，因?yàn)樗麜?huì)害怕這個(gè)操作給整個(gè)體系帶來(lái)不良的影響。這樣一來(lái)，整個(gè)體系的用戶體驗(yàn)就顯得很混亂了，整個(gè)交互的成本就很高昂了。
使用進(jìn)度條和步驟來(lái)展示后續(xù)交互是提升可預(yù)測(cè)性的一個(gè)簡(jiǎn)單方法，很容易實(shí)現(xiàn)。
當(dāng)用戶點(diǎn)擊某個(gè)鏈接的時(shí)候，他們并不清楚這個(gè)按鈕會(huì)不會(huì)被引導(dǎo)到另外一個(gè)網(wǎng)站。因此，最好的方法是當(dāng)用戶在點(diǎn)擊這個(gè)按鈕的時(shí)候，以彈出框提醒的方式告知用戶即將跳轉(zhuǎn)到新的頁(yè)面，并且提供繼續(xù)跳轉(zhuǎn)，或者停留在當(dāng)前頁(yè)的按鈕。這樣的提示能夠有效地防止用戶意外離開(kāi)，并且提供更多信息說(shuō)明。
而對(duì)于進(jìn)階用戶，他們無(wú)疑是清楚這樣點(diǎn)擊所帶來(lái)的實(shí)際效果的。所以，當(dāng)用戶在多次點(diǎn)擊這一按鈕之后，提供一個(gè)“不再繼續(xù)彈出”的選項(xiàng)或者按鈕，讓熟悉這一操作的用戶，不再被騷擾，讓整個(gè)用戶體驗(yàn)得到改進(jìn)。
用戶的惰性一直存在，無(wú)論是常規(guī)的操作，還是和安全相關(guān)的關(guān)鍵性操作。這一局面所帶來(lái)的潛在安全風(fēng)險(xiǎn)是無(wú)法忽視的，用戶在絕大多數(shù)時(shí)候保持著“這樣大概不會(huì)有問(wèn)題吧”這樣的狀態(tài)。只有當(dāng)所需要的關(guān)鍵操作不是隨手就能完成，需要用戶花費(fèi)幾秒鐘集中注意力來(lái)執(zhí)行的時(shí)候，他們才會(huì)更認(rèn)真一點(diǎn)，來(lái)搞定任務(wù)。
因此，解決這一問(wèn)題，有兩個(gè)解決方案：
·讓每個(gè)操作盡可能簡(jiǎn)單。設(shè)計(jì)師的職責(zé)是簡(jiǎn)化數(shù)字產(chǎn)品的使用，對(duì)于產(chǎn)品中很少使用的部分同樣要這樣優(yōu)化處理，比如設(shè)置。
·要求用戶完成他們必須執(zhí)行的部分。如果開(kāi)發(fā)者要求用戶進(jìn)行完整的安全校驗(yàn)，出于責(zé)任和安全上的要求，必須讓用戶配合工程師完成這些環(huán)節(jié)的正確操作。
而基于Javascript 來(lái)實(shí)現(xiàn)的校驗(yàn)和檢查程序就是這兩者結(jié)合之下完成的功能，它不僅簡(jiǎn)單易用，而且為用戶提供了安全上的保障。
如果你呈現(xiàn)的信息太多，那么不僅需要為用戶解釋其中必要的信息，而用戶還得區(qū)分其中必要的和不必要的信息。
要展示足夠多的內(nèi)容確實(shí)很容易，但是并非信息越多越有用。當(dāng)涉及到安全相關(guān)的設(shè)計(jì)的時(shí)候，有必要同開(kāi)發(fā)者和安全策略相關(guān)的專家進(jìn)行緊密深入的合作，他們能夠幫你區(qū)分哪些信息是需要為用戶展示的，而哪些不需要呈現(xiàn)。呈現(xiàn)有限的信息讓絕大多數(shù)用戶不會(huì)信息過(guò)載，相應(yīng)的，這會(huì)限制進(jìn)階用戶，但是這是有必要的。
額外的信息可以隱藏在“更多選項(xiàng)”的菜單中，而Apple Music 就是這么做的。這允許一部分進(jìn)階用戶執(zhí)行更深入的設(shè)置，但是又不會(huì)讓普通用戶信息過(guò)載。
外觀的設(shè)計(jì)應(yīng)該圍繞著功能來(lái)進(jìn)行。對(duì)于安全性而言，功能比漂亮的設(shè)計(jì)來(lái)的更加重要，所以，你的設(shè)置界面的可用性比起美觀是更需要優(yōu)先考慮的事情，犧牲功能而追求美觀無(wú)疑是虧本的設(shè)計(jì)策略。
黑客對(duì)于每個(gè)應(yīng)用的危險(xiǎn)是同樣巨大的，這就是為什么要進(jìn)行合理地設(shè)置，使用遵循安全策略的交互。
考慮到安全性的設(shè)計(jì)是一項(xiàng)艱巨的任務(wù)，所以設(shè)計(jì)師和開(kāi)發(fā)者以及安全專家都應(yīng)該通力合作，才能最終實(shí)現(xiàn)目標(biāo)。而商業(yè)產(chǎn)品在這方面的需求尤其明顯，給進(jìn)階用戶的權(quán)限，邊界要謹(jǐn)慎設(shè)置。
安全的設(shè)計(jì)應(yīng)該是清晰，簡(jiǎn)單并且能夠引導(dǎo)用戶的。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com