如何深思熟慮地優(yōu)化產(chǎn)品界面中的細(xì)節(jié)設(shè)計(jì)
諸如“發(fā)生錯(cuò)誤”的警報(bào)信息對(duì)所有用戶都是神秘的,并且可能會(huì)使經(jīng)驗(yàn)豐富的用戶感到煩惱。
另一方面,精心設(shè)計(jì)的錯(cuò)誤信息可能會(huì)使一時(shí)的沮喪變成一時(shí)的喜悅。因此,使用人為,而不是技術(shù)性的錯(cuò)誤信息,去適應(yīng)你的觀眾。

錯(cuò)誤狀態(tài)必須包括關(guān)于下一步做什么的簡(jiǎn)明、友好、和指導(dǎo)性的副本。
緩解用戶的擔(dān)憂
微視圖是特別情境。這就是為什么它如此重要。它解決了人們和他們所關(guān)注的點(diǎn)這一非常特殊的問(wèn)題。例如,微視圖可以在根本安撫用戶的訂閱或共享的細(xì)節(jié)。雖然 '不要垃圾郵件/自動(dòng)鳴叫' 可能被視為理所當(dāng)然的良好的營(yíng)銷時(shí),要求電子郵件地址/訪問(wèn)社會(huì)網(wǎng)絡(luò)帳戶連接,用戶是不確定的。因此,當(dāng)人們添加他們的電子郵件或連接他們的Twitter帳戶,說(shuō):“我們討厭垃圾郵件。”

微視圖涵蓋所有潛在用戶的關(guān)注在一個(gè)緊密的句子中。
空白區(qū)域
空白(或負(fù)空間)是設(shè)計(jì)師沒(méi)有設(shè)計(jì)元素放置的區(qū)域??瞻椎脑厥俏谋緝?nèi)容中的圖像,邊距,填充,行間距和字母間距的空間。雖然許多人可能會(huì)認(rèn)為這是浪費(fèi)寶貴的屏幕空間,但空白是用戶界面設(shè)計(jì)的基本要素。
提高對(duì)用戶界面的理解
混亂是不好的。用戶界面過(guò)量載入信息:每一個(gè)添加按鈕、圖像和文本使界面更復(fù)雜。如果你認(rèn)為你設(shè)計(jì)的任何部分不應(yīng)該有故意空白的,看看下面的例子,你會(huì)看到當(dāng)有太多的對(duì)象吸引你的注意力時(shí),會(huì)發(fā)生什么情況。

混亂的用戶界面是沒(méi)有吸引力的,用戶不會(huì)看它,尤其是當(dāng)視圖中沒(méi)有可視化層次結(jié)構(gòu)時(shí)。
白色空間的力量來(lái)自人類的記憶和注意力的極限。我們的短期記憶可以容納少量的信息(通常約 7 個(gè)或更少)銘記在一個(gè)活躍的,隨時(shí)可用的狀態(tài),在很短的時(shí)間內(nèi)(通常從 10 至 15 秒,有時(shí)甚至一分鐘)。
用戶關(guān)注是一種寶貴的資源,應(yīng)相應(yīng)地分配。
如果你的用戶載入過(guò)量的信息,導(dǎo)致界面混亂。因此減少混亂以此提高對(duì)用戶界面的理解能力。空白可以使一些混亂的界面看起來(lái)更簡(jiǎn)潔??瞻诇p少了大量元素,讓用戶看一次就能夠便于搜索。使用空白技巧是為你的用戶剝離掉多余的細(xì)節(jié),以提供易理解的內(nèi)容(大塊的內(nèi)容)。

媒介是一個(gè)不錯(cuò)的例子,使用空白來(lái)改善內(nèi)容和用戶界面的理解。
關(guān)注點(diǎn)
空白創(chuàng)建設(shè)計(jì)元素的空間,幫助它們脫穎而出,或從其他元素分離。它有助于溝通什么是最重要的,什么是需要注意的。
元素周圍提供的空間越多,它的聚焦就越大。
Google搜索首頁(yè)是使用空白的一個(gè)很好的例子。布局立即通過(guò)將主要交互元素(搜索框)放置在前面和中央位置,在任何一方有足夠的空白以增加重點(diǎn),從而有助于用戶目標(biāo)。

缺少其他元素將使現(xiàn)有元素更加突出。
明確關(guān)系
接近法則描述眼腦作用是一個(gè)不斷組織、簡(jiǎn)化、統(tǒng)一的過(guò)程,正是通過(guò)這一過(guò)程,才產(chǎn)生出易于理解、協(xié)調(diào)的整體。我們的視覺(jué)系統(tǒng)自動(dòng)對(duì)視覺(jué)輸入構(gòu)建結(jié)構(gòu),并且在神經(jīng)系統(tǒng)層面上感知形狀,圖形和物體,而不是只看到互不相連的邊,線和區(qū)域。看看這張照片。幾乎每個(gè)人都看到兩組點(diǎn),而不是簡(jiǎn)單的 16 點(diǎn)。

把信息分成相應(yīng)的組可以使它更清晰且具有可讀性。在右邊的表格,把 15 個(gè)領(lǐng)域分為三組,使過(guò)程更容易。內(nèi)容的量是一樣的,但對(duì)用戶的影響卻大不相同。

圖片來(lái)源:nngroup
結(jié)論
精心的設(shè)計(jì)。應(yīng)用程序的用戶界面的每一個(gè)小細(xì)節(jié)都是值得密切關(guān)注,因?yàn)橛脩趔w驗(yàn)是所有細(xì)節(jié)的工作協(xié)調(diào)的總和:
“細(xì)節(jié)不是細(xì)節(jié)。它們?cè)炀驮O(shè)計(jì)。”——Charles Eames
原文鏈接:https://uxplanet.org/the-details-that-matter-8b962ca58b49?source=---------0-----------
作者信息:Nick Babich
譯文出自:SKYUI
相關(guān)文章

爬蟲(chóng)是什么?淺談爬蟲(chóng)及繞過(guò)網(wǎng)站反爬取機(jī)制
簡(jiǎn)單而片面的說(shuō),爬蟲(chóng)就是由計(jì)算機(jī)自動(dòng)與服務(wù)器交互獲取數(shù)據(jù)的工具,這篇文章主要想談?wù)勁老x(chóng)獲取數(shù)據(jù)的這一部分。爬蟲(chóng)請(qǐng)注意網(wǎng)站的Robot.txt文件,不要讓爬蟲(chóng)違法,也不要2017-12-18
淺談App加載頁(yè)面的等待體驗(yàn)設(shè)計(jì)技巧
設(shè)計(jì)師可能無(wú)法減少App加載頁(yè)面的等待時(shí)間,但是可以讓等待時(shí)間變得有趣~,本文主要為大家淺淡App加載頁(yè)面的等待體驗(yàn)設(shè)計(jì)技巧,有興趣的朋友們就來(lái)了解下吧2017-12-15
交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧分享
表單無(wú)論實(shí)在網(wǎng)頁(yè)設(shè)置中,還是在APP、應(yīng)用程序、軟件界面中都被廣泛運(yùn)行,從而一個(gè)好的表單設(shè)計(jì)就非常重要了,本文主要為大家分享幾個(gè)交互好且轉(zhuǎn)化率高的表單設(shè)計(jì)技巧,有2017-11-20
適配iPhone X要點(diǎn):十分鐘快速掌握iPhone X UI界面適配技巧
目前,第一批預(yù)約iPhone X手機(jī)的朋友們已經(jīng)拿到真機(jī)了,目前還沒(méi)有適配iPhone X的應(yīng)用運(yùn)營(yíng)商,相信都在加班加點(diǎn)適配呢,本文為大家?guī)?lái)了適配iPhone X的要點(diǎn),讓你十分鐘快2017-11-08
如何讓網(wǎng)頁(yè)可讀性更強(qiáng)?善用F式布局設(shè)計(jì)增強(qiáng)網(wǎng)頁(yè)可讀性方法解答
雖然網(wǎng)頁(yè)排版方式千變?nèi)f化,但是布局方式通常都遵循著幾種常見(jiàn)的規(guī)則,F(xiàn)式布局式設(shè)計(jì)能夠增強(qiáng)網(wǎng)頁(yè)可讀性,這種說(shuō)法是有跡可循的,本文就為大家介紹如何運(yùn)用F式布局,有興趣2017-11-08真干貨!10個(gè)高效好用的表單設(shè)計(jì)技巧分享
在網(wǎng)頁(yè)的設(shè)計(jì)中表單都是界面中最常見(jiàn),也是最重要的組件之一,對(duì)于設(shè)計(jì)師、前端和開(kāi)發(fā)者而言,應(yīng)當(dāng)對(duì)于表單的設(shè)計(jì)盡量多上心,讓它們更加易用,細(xì)致的設(shè)計(jì)對(duì)于用戶的體驗(yàn)、2017-10-26
登錄頁(yè)面怎么設(shè)計(jì)更好?登錄頁(yè)面設(shè)計(jì)的15個(gè)心理學(xué)策略
有很多東西下意識(shí)地影響了我們的日常決策,這里面很多都是微妙的心理因素在起作用,大家都知道用戶體驗(yàn)設(shè)計(jì)跟心理學(xué)相關(guān),甚至?xí)苯佑绊懏a(chǎn)品的轉(zhuǎn)化率,那么,登錄頁(yè)面怎么2017-10-10
網(wǎng)站評(píng)論模塊怎么設(shè)計(jì) 10個(gè)關(guān)鍵點(diǎn)告訴你如何設(shè)計(jì)產(chǎn)品評(píng)論模塊
網(wǎng)站不僅內(nèi)容很重要,評(píng)論模塊同樣也很重要,那么,網(wǎng)站評(píng)論模塊怎么設(shè)計(jì)呢?對(duì)此,本文就為大家詳細(xì)介紹10個(gè)關(guān)鍵點(diǎn)告訴你如何設(shè)計(jì)產(chǎn)品評(píng)論模塊,有興趣的朋友們就來(lái)了解下2017-09-25
網(wǎng)站導(dǎo)航設(shè)計(jì)怎么才是符合搜索引擎優(yōu)化?SEO網(wǎng)站導(dǎo)航建設(shè)技巧分享
搭建網(wǎng)站的任何細(xì)節(jié)都需要考慮到是否利于SEO優(yōu)化,在網(wǎng)站導(dǎo)航設(shè)計(jì)的過(guò)程中,我們應(yīng)該怎么樣進(jìn)行操作才是符合搜索引擎優(yōu)化的呢?對(duì)此,本文就為大家進(jìn)行簡(jiǎn)單解答2017-09-21
如何設(shè)計(jì)頁(yè)腳才能讓網(wǎng)站更具有競(jìng)爭(zhēng)力
在做網(wǎng)站設(shè)計(jì)的過(guò)程當(dāng)中,很多人可能會(huì)對(duì)于頁(yè)腳這個(gè)方面產(chǎn)生忽略,但是實(shí)際上在我們平時(shí)的使用下來(lái)的整體的分析數(shù)據(jù)表明,頁(yè)腳對(duì)于一個(gè)網(wǎng)站來(lái)說(shuō)還是有非常重要的作用的,那2017-09-04










