【讀書筆記】打造最強網頁UI/UX設計腦 - W

網頁設計是一種溝通設計. “【讀書筆記】打造最強網頁UI/UX設計腦” is published by W. GetunlimitedaccessOpeninappHomeNotificationsListsStoriesWrite【讀書筆記】打造最強網頁UI/UX設計腦以人為出發點去思考網頁設計網頁設計是一種溝通設計網頁與平面最大的不同就是它具有可互動性，我們可以在頁面上做動作（點擊、滑入、滾動等）而改變頁面。

所以在網頁數位設計上除了視覺也要設想到使用者是否找得到他想要找的項目。

因此，需要將思考重點放在終端使用者上，終端使用者是誰呢？不是你的主管，不是你的豬隊友，也不是你的老闆，而是真正的使用者。

讓使用者減少動腦，一眼就看懂並且能操作。

在設計功能型的介面時，需要依照使用者的習慣設計，在沒有說明書的情況下，也能了解如何操作。

想想看，人類是不是超討厭看說明書，大概只有在逼不得已的情況下才會被迫去翻閱說明書。

所以降低使用產品時的學習成本固然重要，讓使用者在最短時間內理解與學習。

如果依據使用者習慣去做設計更可以降低學習的成本。

那使用者習慣的設計是什麼？就是使用者過往習慣與認知的樣子，像是：已閱讀過的連結visited狀態，要設為使人聯想到疲憊的顏色，才能讓使用者理解到這是已經閱讀過的樣式，同時，也有科學依據佐證，在心理學上，飽和度高，也就是鮮豔的顏色會給使用者新鮮感，所以visited狀態更偏向使用飽和度低的顏色。

另外，除了要設計成一般人能理解的樣子以外，也要防止使用者犯錯。

這讓我想到幾年前一位企劃主管提到ㄧ詞讓我印象深刻－防呆機制。

防呆機制是什麼？防止錯誤發生的限制方法，憑藉直覺即可準確無誤地完成操作。

既使有人為疏失也不會發生錯誤的構造，不需要強烈的注意力。

案例：在介面上要刪除某物時，會跳彈窗再次確認是否刪除。

防呆機制也包含了警示與緩和，警示即是給予使用者即時的修正錯誤提醒；緩和則是在錯誤發生後減緩錯誤帶來的衝擊與傷害。

2.外行人來做也不會錯的構造，不需要經驗值。

案例：網路線的插頭被設計成只有一個方向才可以插入。

（就不需要像USB的莫非定律需要反覆插到三次才可以成功，對，為什麼設計USB的人不這樣幹？）3.不需要專門知識與高門檻技能。

案例：大部分的機器一般人在不看說明書教學都能找到正確的開機鍵，因為開機鍵有固定icon使人能輕鬆判斷開啟。

設計，要發揮同理心才能擄獲使用者的心。

做過幾次專案後，總是希望透過各種暗示讓使用者做出我想要的行為，甚至逼使用者只能做出我想要的指令，這些其實都不是好的設計。

以購物網站舉例，購買按鈕太過有商業目的時很容易讓消費者產生反感，因為品牌與消費者的連結性還不夠強大，還沒有營造出品牌的氛圍感染到消費者，驅使他想要購買。

但是也有好的成功的按鈕能與用戶有良好的互動，適時的出現讓消費者想要更進一步的了解。

如果消費者本身就是該品牌的愛好者或是目的性明確，那這顆按鈕就是就是成功的。

除了購買按鈕以外，想要驅動消費者看更多，就要讓忙碌的消費者先粗略地閱讀，吸引他深入查看。

發揮同理心試想消費者可能會想先看到照片、商品名、價格、折扣，這些就應該先簡單的露出來。

--MorefromWFollowUIUX/WEBDesignerLovepodcastsoraudiobooks?Learnonthegowithournewapp.TryKnowableAboutHelpTermsPrivacyGettheMediumappGetstartedW4FollowersUIUX/WEBDesignerFollowMorefromMediumRyanKarpelMijo’sPurposesayanlahiriDifficultiesinTechnicalWritingNandaAuliaDewantiEducated:AMemoirTristanGreenWhatwecanlearnfromLenniein“OfMiceAndMen”HelpStatusWritersBlogCareersPrivacyTermsAboutKnowable