前端設計的七大法則

你是一個網頁設計師嗎？若是是的，那麼你也是一個用戶界面設計師，在不久的未來，這個角色將變得更加劇要。雖然如今的網頁有簡單用戶界面，沒有了複雜的導航欄和表格，不過，新技術的崛起和標準將建立一個更動態和需求定製的體驗。

這也預示着更多的用戶界面設計工做，那麼，接下來，咱們看看，做爲設計師的你，應該要記住些什麼？

法則一：清晰法則

---

用戶會避開沒有明確意義的界面元素

你使用Gmail嗎？在最新一次更新前，我在使用。Gmail頂部有很是清晰的文本導航頁面——Calendar, Drive, Sheets以及其餘谷歌服務按鈕。不過，google想簡化他們，把他們換成了抽象圖標。

結果呢？不少用戶再也不使用這些圖標按鈕，Gmail收到了一大堆來自用戶的技術請求。

出於人的天性，人們避免，也經常忽視他們不能理解的東西。避免用戶界面設計中出現讓他們疑惑如何往下操做的元素，由於沒有人會願意費力去尋找出來。

法則二：首選行動法則

---

當用戶知道什麼能夠做爲他們的首要操做項目，他們會感受到更加友好。

看看 Twitter 的我的首頁吧。你以爲用戶會首先想作什麼？

很明顯，他們會想要第一時間發一條消息。可是編寫信息的按鈕（"Compose new tweet"）在右上角，並不明顯（見法則一）。不過，左邊輸入欄就比較符合場景了。從設計的角度來看,Twitter想要用戶在左邊導航欄搜索或進行其餘操做。

用戶並不知道下一步該作什麼——因此首選行動就會是他們的首要操做。

法則三：內容法則

---

用戶更喜歡界面組件和對應操做內容緊挨在一塊兒。

你如何編輯Facebook暱稱？"設置》帳戶設置"而後點擊編輯，LinkedIn呢？只須要點擊暱稱旁邊的鉛筆圖標便可修改。

用戶更喜歡界面組件和對應操做內容緊挨在一塊兒，這是一個天然習慣，在生活中也如此。

讓操做更加順手——若是你的界面上有東西能夠被編輯、改變、控制等，請把操做組件放在其旁邊。

法則四：默認設置法則

---

大多數用戶幾乎從不改變默認設置。

還記得諾基亞手機的默認鈴聲嗎？它曾經是這個星球最流行的鈴聲，他就是默認設置，而大多數人們從未改變過他。

默認設置的強大力量：

• 大多數人的手機都有設置默認背景和鈴聲
• 大多數人（包括你）歷來不改變電視的出廠設置（默認設置）
• 大多數人歷來不改變冰箱溫度設置。

儘量確保默認設置值的實用性和適用性——由於不少人歷來不會改變他。

法則五：指導行爲法則

---

用戶若是被要求跟隨作某事，極可能會去作。

用戶本身作某事和引導用戶作某事有很大度區別，例如，LinkedIn介紹 Endorsements功能，他不會告訴用戶怎麼作，而是用可視化的引導操做告訴你，你能夠在右上角找到這個功能。並且，實時證實，這樣作很成功。

若是你想要讓用戶作些什麼，不要猶豫，告訴他們去作。

法則六：反饋法則

---

用戶會以爲更加有信心操做，若是你提供清晰和持續的反饋信息。

一個很簡單的邏輯——你的界面反映出是一個相互交流的行爲，用戶會更加有信心。

Gmail就是一個很好的例子，用戶的每一步操做，都會獲得清楚的通知。這樣，用戶會以爲一切在掌控之中，也更加有信心繼續操做。

法則七：輕鬆法則

---

將複雜的步驟分解成小步驟，用戶會更加願意操做。

能夠對比上面左右兩圖，差很少的內容，可是右邊的更加易於填寫。

咱們都討厭又長有複雜的表格。不過，把它分紅幾個小步驟，就很是好操做了。

這就是輕鬆法則——人們寧願填寫10個小步驟，也不肯意填寫一個內容多的大步驟。小任務更受用戶歡迎，也能夠給用戶完成的成就感。