網(wǎng)站設(shè)計(jì)

Website development

為了用戶！讓你的UI更加安全穩(wěn)妥的5種設(shè)計(jì)策略

發(fā)布時(shí)間：2017-07-26 13:31:14

5種設(shè)計(jì)策略.jpg

我們現(xiàn)在所面臨的網(wǎng)絡(luò)安全問題一直都很嚴(yán)峻。無(wú)論是更改社交媒體帳號(hào)，注冊(cè)新論壇，還是下載新的APP，我們的數(shù)字身份一直都存在各種各樣的潛在安全風(fēng)險(xiǎn)。開發(fā)團(tuán)隊(duì)花費(fèi)了大量的時(shí)間精力投入到開發(fā)和設(shè)計(jì)當(dāng)中，改進(jìn)流程，優(yōu)化加密方案，來規(guī)避這些問題。

黑客攻擊有網(wǎng)絡(luò)安全專家和開發(fā)者來應(yīng)對(duì)，而用戶所面對(duì)的多數(shù)問題，則更多的需要設(shè)計(jì)師來動(dòng)腦筋解決。通過流程和UI優(yōu)化，設(shè)計(jì)師能夠讓用戶盡可能地規(guī)避一些潛在的安全問題，即使這個(gè)過程中可能會(huì)產(chǎn)生體驗(yàn)上的障礙和不適。

1、不同內(nèi)容的交互界面應(yīng)該看起來不同

每當(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ì)，讓兩屏看起來不一樣。只是將“用戶名”/“郵件”標(biāo)簽替換為“密碼”是遠(yuǎn)不夠的，因?yàn)閮善琳w看起來幾乎是完全一樣的。

首先，輸入框中的引導(dǎo)性的文本，作為整個(gè)屏幕用戶交互的核心，應(yīng)該看起來不一樣，因?yàn)樗鼈兪俏脩舻囊徊糠?，要表述清晰。在不影響整個(gè)品牌用色的前提下，使用不同的色彩來區(qū)分用戶名和密碼輸入。如果要進(jìn)一步改進(jìn)，建議針對(duì)界面中的指引性的圖標(biāo)進(jìn)行優(yōu)化和修改，比如讓兩個(gè)界面在圖標(biāo)上進(jìn)行區(qū)分。

2、向用戶展示接下來的交互

在我看來，可預(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)前操作，重新開始流程，因?yàn)樗麜?huì)害怕這個(gè)操作給整個(gè)體系帶來不良的影響。這樣一來，整個(gè)體系的用戶體驗(yàn)就顯得很混亂了，整個(gè)交互的成本就很高昂了。

使用進(jìn)度條和步驟來展示后續(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è)的按鈕。這樣的提示能夠有效地防止用戶意外離開，并且提供更多信息說明。

而對(duì)于進(jìn)階用戶，他們無(wú)疑是清楚這樣點(diǎn)擊所帶來的實(shí)際效果的。所以，當(dāng)用戶在多次點(diǎn)擊這一按鈕之后，提供一個(gè)“不再繼續(xù)彈出”的選項(xiàng)或者按鈕，讓熟悉這一操作的用戶，不再被騷擾，讓整個(gè)用戶體驗(yàn)得到改進(jìn)。

3、強(qiáng)迫用戶執(zhí)行必須的操作

用戶的惰性一直存在，無(wú)論是常規(guī)的操作，還是和安全相關(guān)的關(guān)鍵性操作。這一局面所帶來的潛在安全風(fēng)險(xiǎn)是無(wú)法忽視的，用戶在絕大多數(shù)時(shí)候保持著“這樣大概不會(huì)有問題吧”這樣的狀態(tài)。只有當(dāng)所需要的關(guān)鍵操作不是隨手就能完成，需要用戶花費(fèi)幾秒鐘集中注意力來執(zhí)行的時(shí)候，他們才會(huì)更認(rèn)真一點(diǎn)，來搞定任務(wù)。

因此，解決這一問題，有兩個(gè)解決方案：

讓每個(gè)操作盡可能簡(jiǎn)單。設(shè)計(jì)師的職責(zé)是簡(jiǎn)化數(shù)字產(chǎn)品的使用，對(duì)于產(chǎn)品中很少使用的部分同樣要這樣優(yōu)化處理，比如設(shè)置。

·要求用戶完成他們必須執(zhí)行的部分。如果開發(fā)者要求用戶進(jìn)行完整的安全校驗(yàn)，出于責(zé)任和安全上的要求，必須讓用戶配合工程師完成這些環(huán)節(jié)的正確操作。

而基于Javascript 來實(shí)現(xiàn)的校驗(yàn)和檢查程序就是這兩者結(jié)合之下完成的功能，它不僅簡(jiǎn)單易用，而且為用戶提供了安全上的保障。

4、只顯示必要的信息

如果你呈現(xiàn)的信息太多，那么不僅需要為用戶解釋其中必要的信息，而用戶還得區(qū)分其中必要的和不必要的信息。

要展示足夠多的內(nèi)容確實(shí)很容易，但是并非信息越多越有用。當(dāng)涉及到安全相關(guān)的設(shè)計(jì)的時(shí)候，有必要同開發(fā)者和安全策略相關(guān)的專家進(jìn)行緊密深入的合作，他們能夠幫你區(qū)分哪些信息是需要為用戶展示的，而哪些不需要呈現(xiàn)。呈現(xiàn)有限的信息讓絕大多數(shù)用戶不會(huì)信息過載，相應(yīng)的，這會(huì)限制進(jìn)階用戶，但是這是有必要的。

額外的信息可以隱藏在“更多選項(xiàng)”的菜單中，而Apple Music 就是這么做的。這允許一部分進(jìn)階用戶執(zhí)行更深入的設(shè)置，但是又不會(huì)讓普通用戶信息過載。

5、清晰比漂亮更重要

外觀的設(shè)計(jì)應(yīng)該圍繞著功能來進(jìn)行。對(duì)于安全性而言，功能比漂亮的設(shè)計(jì)來的更加重要，所以，你的設(shè)置界面的可用性比起美觀是更需要優(yōu)先考慮的事情，犧牲功能而追求美觀無(wú)疑是虧本的設(shè)計(jì)策略。

黑客對(duì)于每個(gè)應(yīng)用的危險(xiǎn)是同樣巨大的，這就是為什么要進(jìn)行合理地設(shè)置，使用遵循安全策略的交互。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7244,0.html

上一篇：設(shè)計(jì)合理的障礙，同樣可以成就優(yōu)秀的用戶體驗(yàn)

下一篇：選擇極簡(jiǎn)主義風(fēng)格做設(shè)計(jì)，不是沒有道理

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁(yè)面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時(shí)。

張經(jīng)理