【UI閱讀筆記】簡單的法則

閱讀時間約 2 分鐘

一個UI設計師所應謹記的極簡心法

這次介紹的書比較特別,與往日的書籍介紹比起來,這本書並不是專門針對UI設計所撰寫的書籍,但是書裡所介紹的「極簡」設計觀念,我覺得是非常適合當作UI設計師在從事UI設計時,因為能有效提升使用體驗,而必須銘記在心的基本心法(?)
「簡單是設計的靈魂。前田約翰利用簡單的概念,探討人類思想和感覺的本質,同時引出可應用在商業、科技和生活上的原則。」-弗柏思(Rob Forbes),美國知名家具用品公司Design within Reach創辦人。

關於「簡單的法則」

本書歸納了10條簡單法則,教您如何簡單,也教您如何把複雜的設計變簡單。我在這裡整理了幾項重點條目,讓您快速瞭解本書的簡單法則到底是如何進行。

一、先了解,才有辦法割捨。

設計師在設計產品時,必須充分的了解完整產品資訊後,才能透過創意設計出簡潔的作品,避免使用者在操作上陷入困境。而簡單不僅是一種能吸引人的特質(ex:GOOGLE、蘋果產品),也是大部分企業對抗本身複雜體質的重要策略工具,例如循序漸進的使用者經驗、闡述複雜理念的圖文懶人包等等。

二、互動經驗的簡單化

對於消費者來說,產品輸入的等待時間是非常難受的。根據2019年的統計數據,使用者等待網站Loading的時間,平均不到兩秒就會進行下一個動作(重整or跳出)。
而我們的工作,便是想盡辦法縮短時間,或降低等待時間的挫折感,本書也貼心的提供了統計數據,有放置動作執行進度的Loading進度條,對使用者來說通常能使等待更容易忍受。

三、簡單操作的信任感

只要一鍵,即可返回或取消。現在的使用者(或消費者)需要這樣簡單操作的信任感,保證他們絕對不會做出無法回天的事情。
只要訂錯商品,「取消訂單」或者「聯繫客服」 之類的按鈕就在游標附近,讓消費者可以立即尋求協助。同樣的,若已經填寫過收件地址,便可以請網站幫你記住收件地址,下次再回頭買東西就可以不用再填寫一次。

本書適合什麼樣的人呢?

不管你是UIorUX設計師、平面視覺設計師、產品設計師或是PM,只要是從事設計、管理有關的行業,這本書都非常值得您買來讀讀。
「簡單」對現代人來說,已經是刻不容緩的需求。包含大家慣用的Google搜尋、IOS系統與蘋果產品,都是因其「簡單」而受到大家的歡迎。與其讓自己的設計「華而不實」,不如朝著「簡潔有力」的方向前進吧!
為什麼會看到廣告
avatar-img
60會員
20內容數
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
Chris Peng的沙龍 的其他內容
《人本×互動設計》有溫度的思考,讓設計滿足使用需求 發布第一篇《【UI閱讀筆記】UI設計大進擊!》文章時,因為有讀者在Dcard反映《操作介面設計模式》對新手來說還是太難了!並推薦了另一本《人本×互動設計》給我做參考(真的很想好好謝謝他讓我遇到這麼棒的一本書!),就這樣,這篇文章就誕生啦🎉。
多元裝置時代的網站UI/UX設計法則 這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍,第一章開始便從UI設計的構造關係開始談起,之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式。
自學UI設計這條路上,「實體書」一直在自學中擔任至關重要的腳色。儘管書中的資訊更新遠遠不及網路上的更新速度,但比起較為片段的網路文章,統整好各式訊息與知識架構的書籍,總是能讓初出茅廬的初學者能稍微有點頭緒。
《人本×互動設計》有溫度的思考,讓設計滿足使用需求 發布第一篇《【UI閱讀筆記】UI設計大進擊!》文章時,因為有讀者在Dcard反映《操作介面設計模式》對新手來說還是太難了!並推薦了另一本《人本×互動設計》給我做參考(真的很想好好謝謝他讓我遇到這麼棒的一本書!),就這樣,這篇文章就誕生啦🎉。
多元裝置時代的網站UI/UX設計法則 這是一本「從零開始」教你怎麼從網頁設計認識UI設計的書籍,第一章開始便從UI設計的構造關係開始談起,之後每個小節逐一介紹網頁每一個區塊的功能與可能被使用者所操作的形式。
自學UI設計這條路上,「實體書」一直在自學中擔任至關重要的腳色。儘管書中的資訊更新遠遠不及網路上的更新速度,但比起較為片段的網路文章,統整好各式訊息與知識架構的書籍,總是能讓初出茅廬的初學者能稍微有點頭緒。
你可能也想看
Google News 追蹤
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
在今天的世界裡,資訊太多了,這讓我們閱讀的方式都改變了。 大家不再是一個字一個字地讀,而是用眼睛快速掃過文字。 這是因為我們的大腦在讀的時候,不是一個字母一個字母地去認,而是把一個單字當成一個整體來看。 單字的開頭和結尾特別重要,中間的字母即使亂了點,大多數人還是看得懂。
Thumbnail
書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
Thumbnail
從零開始:給0經驗UI/UX轉職者的心靈雞湯與實用乾貨 在本來的行業感到迷惘 我是原白色,本來在一個跟UI/UX八竿子打不著的紡織領域,在人生迷惘非常久之後的2021年,某個可能是覺得「我受夠啦!」的時刻,或是「就要這樣一輩子了嗎?」的低谷心情,我開始了認真有了轉職的念頭,而且不僅止於想像...
Thumbnail
「Feedback 回饋」是最直接面向使用者的一種元件分類,最常被拿來討論「這個功能友不友善」,這篇會整理常見的回饋元件,包含:模態(警示 Alert、工具提示 Tooltip、通知 Notification、流程 Progress)、非模態(互動元件 Modal、對話 Dialog)。
Thumbnail
這篇主要整理常見的 Navigation 導覽元件,像是:選單 Menu、抽屜式導覽 Navigation drawer、標籤列 Tab Bars、多元選單 List、Gird、Card、麵包屑 Breadcrumb、進度表 Stepper。
Thumbnail
這篇文章將會講述 UI 中的Slider,並介紹它的使用方式及應用。
Thumbnail
加入商業思維學院3個月,就能把學到的東西運用在工作中。而6個月後參加產品經理學習營,還入圍Final Pitch拿到嘖嘖 Manny 老師的評審最愛獎,因此想和大家分享! 推薦給這些朋友: 持續在設計領域努力,最近卻有點茫然 對產品有熱情,卻找不到機會實 過去買線上課的糟糕經驗,導致現在購課都很猶豫
Thumbnail
我們部門有一個美工團隊,以前稱為媒體設計(MD) 後來改名為UI團隊 某日,來了一位UI專家(空降的主管)。他說 他專研UI與使用者心理學…..八拉八拉  軟體的操作畫面並不是這麼簡單,必須經過研究、觀察使用者,不斷修正才行…八拉八拉 根據我的觀察,他的團隊仍是美工團隊 所以先用部門同仁測試
Thumbnail
Hi 我是 VK~ 在 8 月底寫完〈探索 AI 時代的知識革命:NotebookLM 如何顛覆學習和創作流程?〉後,有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題,剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
Thumbnail
國泰CUBE App 整合外幣換匯、基金、證券等服務,提供簡便、低成本的美股定期定額投資解決方案。 5分鐘開戶、低投資門檻,幫助新手輕鬆進軍國際股市;提供人氣排行榜,讓投資人能夠掌握市場趨勢。
Thumbnail
這是張老師的第三本書,我想前二本應該也有很多朋友們都有讀過,我想絕對是受益良多,而這次在書名上就直接點出,著重在從投資的角度來切入
Thumbnail
Windows Clarity 是一種網站分析產品,讓網站設計師、開發人員可藉由它,更容易觀察用戶在網站的操作行為,協助更快速的優化網站,加強網頁的轉換效果與商業目標的達成。本文將介紹 Windows Clarity 應該如何使用,強化分析能力與優化網站效益。
Thumbnail
UI設計是一個令人著迷的過程,它將設計概念轉化為最終的產品界面。本文將帶您深入瞭解UI設計的六個階段,包括Sketching、Wireframing、Component Design、使用者流程、模型設計和原型製作,以幫助您更好地理解每個階段的作用和重要性。
Thumbnail
在今天的世界裡,資訊太多了,這讓我們閱讀的方式都改變了。 大家不再是一個字一個字地讀,而是用眼睛快速掃過文字。 這是因為我們的大腦在讀的時候,不是一個字母一個字母地去認,而是把一個單字當成一個整體來看。 單字的開頭和結尾特別重要,中間的字母即使亂了點,大多數人還是看得懂。
Thumbnail
書籍重點以及想解決的問題: 如何抽絲剝繭出客戶要求的本質? 如何做出合乎設計法則的設計? 如何站在使用者立場思考、解決問題?
Thumbnail
從零開始:給0經驗UI/UX轉職者的心靈雞湯與實用乾貨 在本來的行業感到迷惘 我是原白色,本來在一個跟UI/UX八竿子打不著的紡織領域,在人生迷惘非常久之後的2021年,某個可能是覺得「我受夠啦!」的時刻,或是「就要這樣一輩子了嗎?」的低谷心情,我開始了認真有了轉職的念頭,而且不僅止於想像...
Thumbnail
「Feedback 回饋」是最直接面向使用者的一種元件分類,最常被拿來討論「這個功能友不友善」,這篇會整理常見的回饋元件,包含:模態(警示 Alert、工具提示 Tooltip、通知 Notification、流程 Progress)、非模態(互動元件 Modal、對話 Dialog)。
Thumbnail
這篇主要整理常見的 Navigation 導覽元件,像是:選單 Menu、抽屜式導覽 Navigation drawer、標籤列 Tab Bars、多元選單 List、Gird、Card、麵包屑 Breadcrumb、進度表 Stepper。
Thumbnail
這篇文章將會講述 UI 中的Slider,並介紹它的使用方式及應用。
Thumbnail
加入商業思維學院3個月,就能把學到的東西運用在工作中。而6個月後參加產品經理學習營,還入圍Final Pitch拿到嘖嘖 Manny 老師的評審最愛獎,因此想和大家分享! 推薦給這些朋友: 持續在設計領域努力,最近卻有點茫然 對產品有熱情,卻找不到機會實 過去買線上課的糟糕經驗,導致現在購課都很猶豫
Thumbnail
我們部門有一個美工團隊,以前稱為媒體設計(MD) 後來改名為UI團隊 某日,來了一位UI專家(空降的主管)。他說 他專研UI與使用者心理學…..八拉八拉  軟體的操作畫面並不是這麼簡單,必須經過研究、觀察使用者,不斷修正才行…八拉八拉 根據我的觀察,他的團隊仍是美工團隊 所以先用部門同仁測試