[ 閱讀筆記 ] 打造最強網頁 UI/UX 設計腦 - 設計師都該懂得絕佳設計．通用法則
閱讀時間約 5 分鐘
打造最強網頁 UI/UX 設計腦-設計師都該懂得絕佳設計.通用法則
文章目錄
一、書籍重點以及想解決的問題:
- 如何抽絲剝繭出客戶要求的本質?
- 如何做出合乎設計法則的設計?
- 如何站在使用者立場思考、解決問題?
二、學習摘要
- 將設計當成是一種溝通
- 如何與使用者建立溝通
- 資訊的呈現
- 「書籤」功能的設計重點 (我的最愛、收藏也是相同功能)
- 「導覽列」的設計重點
- 「手機板」的設計重點
三、出版資訊
(以下內文開始!)
一、書籍重點以及想解決的問題
1.如何抽絲剝繭出客戶要求的本質?
- 讓客戶理解有終端使用者存在這件事。
- 草率結束討論並非好事，前期會花大量時間在溝通與建立互信關係，這裡最重要的是與客戶一起思考網站。
- 當業主「沒有答案」，提出「給我多提幾個方案」的本質: 概念尚未確定、還沒想到好的方案、希望在數個提案之中應該會出現中意的方案。
但這種情況照著做很容易無法收斂，甚至擴大要求 ( 再多提幾個 )，而無法下決定，因此製作方要判斷是否要依此要求進行作業。在聽從指示提出多個方案之前，應該先花時間與對方溝通磨合。釐清「為甚麼想製作這種服務 / 網站 ?」「希望將這種服務 / 網站提供給誰呢?」
- 釐清背景資訊
情境對話
大部分的客戶通常沒有辦法回答這麼多的問題，這代表客戶也不了解改版的核心背景，但不論是透過詢問或是調查，應該釐清製作的東西為何如此必要的背景資訊，製作的主軸才會變得清晰。
- 問出「想做成這樣」的原因，透過溝通了解「客戶真正的要求」。
- 承認「在該領域自己不是專家」很重要。
承認自己在該領域不是專家很重要
2、如何做出合乎設計法則的設計?
- 格式塔法則 (Gestalt)
人類的視覺會將具有一定規則的編排方式視為「群組」，所以可以透過元素之間的距離、樣式、封閉空間等來將目標元素分組或是獨立出來
- 要讓客戶理解有終端使用者存在這件事 : 但也不是完全站在終端使用者或是客戶任何一方，拿捏程度也許很困難，不過「客戶與製作者能一起將眼光轉向終端使用者，做出使用者能滿意的網站」將會是成功的第一步。
- 「書籤」功能的設計重點、「導覽列」的設計重點、「手機板」的設計重點 (詳細介紹在下方 二、學習摘要)
3.如何站在使用者立場思考、解決問題?
- 思考「使用者方便填寫的表單」:
明確定義【必要項目】、考慮使用者不想輸入本名的設計、時時考慮需不需要詢問性別跟年齡、全形與半形格式的兼容性、電話號碼是使用者心中的敏感資料，錯誤畫面的設計。
二、學習摘要
1. 將設計當成是一種溝通
- 思考使用者是在甚麼情境、帶著甚麼需求、想解決甚麼問題而來到這個產品 / 網頁。
- 思考「使用者現在最需要的資訊是甚麼」，區分資訊層級。 XZ
2.如何與使用者建立溝通
- 可對話的設計 : 當使用者提出「只想看到這個」的要求，立刻就能回應。
- 動態設計 : 答案不只一個，從無限的資訊篩選出需要的結果，再將結果做成動態設計。
3.資訊的呈現
- 一眼就看懂是件重要的事 : 減少人動腦思考與計算。
- 訊息圖表 : 以視覺設計呈現資訊、資料與知識的圖片，將這些無形的資料轉化成視覺設計。目的是讓使用者義眼就看懂要傳遞的訊息，而非要求使用者解讀。
- 案例分享 1 : 交通規劃的 app，如何呈現「轉乘」的資訊，以及那些資訊被強調或縮小? ( 起訖時間? 總搭乘時間? 價格? 顏色的使用?)
- 案例分享 2 : 牙醫診所預約的介面有上次診療日期，但櫃台人員或是患者要先解讀與計算這個日期倒底是多久之前，如果再日期旁新增資訊「七天前」會比較容易看懂。不過，若要提供「下次預約的建議日期」，最好是顯示明確日期。
4.「書籤」功能的設計重點 (我的最愛、收藏也是相同功能)
- 不註冊也能使用 : 使用者只是想輕鬆地保留資訊，但卻要先提供個人資料或是經歷註冊階段。
- 誰都能注意到書籤的存在:同時也要清楚呈現「貼上書籤的資訊，可以從哪裡開啟一覽表?」「按下哪裡的按鈕，可在頁面的資訊貼上書籤?」
- 不需要任何技巧就能貼上書籤 :不需要再訊息確認: 真的要貼上書籤嗎? 讓使用者一鍵就可以完成。因為這類訊息，就算使用者不小心點錯，也不會造成操作的致命傷。
- 可立刻取消書籤 : 設計功能性的使用者介面時，有「ON」的功能，也就同時要有「OFF」的功能。
- 可輕鬆將貼上書籤的物件傳給別人看 : 就算對方沒有相同 app，也要可以透過 mail、LINE或其他服務來完成這個目的。
5.「導覽列」的設計重點
- 設計上不損及「可以按」是視覺暗示
- 不損及「文字的易讀性」
6.「手機板」的設計重點
- 記得「手機可以通話」的特性，在電話號碼可用
<a href="tel:0212345678">02-12345678</a>
以及可點擊的樣式設計。
- 考慮「單手操作」的使用情境，左撇子?右撇子?
- 沒有 hover 效果
- 內容是否需要摺疊?隱藏?如何讓使用者知道有潛藏內容?
(若展開太多內容，一瞬間看不出內容從哪裡到哪裡，若內容過於龐大詳細，不如直接放在另一個頁面)
- iOS 最小觸控範圍是 44px * 44px，Android 是 48px*48px
三、出版資訊
- 作者: 秋葉秀樹、秋葉ちひろ
- 出版日期：2016/08/01
3會員
21內容數
一位會切版的 UI 設計師，
以介面設計為錨，朝向 UX 、產品思維、數據思維前進。
喜歡透過書探索世界、看見自己。
著迷文字與內心產生共鳴的瞬間，
喜愛哲學、小說、心理、創造力，
喜愛將所思所想落地變成文字。
留言0
查看全部
你可能也想看
Google News 追蹤
Hi 我是 VK~
在 8 月底寫完〈探索 AI 時代的知識革命：NotebookLM 如何顛覆學習和創作流程？〉後，有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題，剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
國泰CUBE App 整合外幣換匯、基金、證券等服務，提供簡便、低成本的美股定期定額投資解決方案。
5分鐘開戶、低投資門檻，幫助新手輕鬆進軍國際股市；提供人氣排行榜，讓投資人能夠掌握市場趨勢。
這是張老師的第三本書，我想前二本應該也有很多朋友們都有讀過，我想絕對是受益良多，而這次在書名上就直接點出，著重在從投資的角度來切入
書籍資訊
書名：思考101：耶魯大學改變人生的一堂思辨課（Thinking 101）
作者： Woo-Kyoung Ahn（安宇敬）
出版：平安叢書
筆記
我們通常覺得原因是結果發生的必要條件，然而，並非所有必要條件都有因果關係。
作者安宇敬是美國耶魯大學心理學系教授，並且因
這本書提供了說故事的七個步驟，並探討了說故事的藝術神祕面紗和通用架構。閱讀這本書前可以先看第四章的概念，這樣會更好理解其他作者的故事。說故事的藝術自古以來一直流傳至今，是一門技藝，而如何說好故事是關鍵。書中透過口述方式輸出故事到聽者腦海中的方式，並探討通用故事架構和如何生成圖像。
可能或多或少都經歷過在寂靜的夜裡數著羊翻來覆去，明明很累卻不知為何無法入睡、或是起床了卻仍然覺得昏昏沉沉沒有辦法提起精神。
跟著本書，也許無法完全改善你的睡眠問題，但可以一步步理解自身的睡眠狀況、環境，根據自身的狀態，打造最適合自己的睡眠計畫
在發想新願望前，先為自己建立一套真正可以實現計畫的系統！
其實，成為高效率工作者，比你想像得簡單很多。
讓雜事回歸他們應該在的位置，
讓目標走上他們應該去的道路，
讓自己找到專注、熱情與行動力！
用最強數位筆記工具，完成最高效率子彈任務整理。
透過跨能致勝你再也不會有跨領域的困擾，因為跨能致勝就是為了跨領域而生的一本書。書中透過不同領域的案例，告訴我們為何要跨域與跨域重要性，相對於量化學習的刻意練習，這本書更多是從學習的品質與多元性出發，你會知道你不一定是要成為解決問題的專家，但不可以不是跨領域的行家。
★華特．迪士尼曾說：「迪士尼樂園永遠沒有完成的一天。」
●創造客源的絕對法則不在於「技巧」，而是透過製作最根本的商業模式才能夠成立。
●只有「理念與事業價值」、「價值行銷法則」和「打造熱心工作的人才」三項條件共存，「價值行銷法則」才得以成立。
●吸引顧客的法則關鍵的7個步驟：
7.HOW/怎麼做？
★請記住：你沒有義務去做書中提到的任何事─你去做只是因為你想要做。讓我們把負荷量維持在可以勝任的程度，你才會持續想要做。
●如何獨立思考？
-離開同溫層
-不要害怕
-思考其動機
-小心自利心態
-保持心境平穩
-不可輕信於人
●如何解決問題？
-杜絕情緒干擾
-確定問題是真的
-要抓對問題
★換個角度想，你的人生將大大不同。跳出「自我」框架，就能改變你自己、改變整個組織。
●向外心態的人，固定的三步驟工作模式：
1.看見其他人的需求、目標和挑戰。
2.調整自己的做法，為其他人提供更多助力。
3.評量自己所做的事對其他人產生的影響，並且負起責任。
Hi 我是 VK~
在 8 月底寫完〈探索 AI 時代的知識革命：NotebookLM 如何顛覆學習和創作流程？〉後，有機會在 INSIDE POSSIBE 分享兩次「和 NotebookLM 協作如何改變我學習和創作」的主題，剛好最近也有在許多地方聊到關於 NotebookLM 等 AI 工具
國泰CUBE App 整合外幣換匯、基金、證券等服務，提供簡便、低成本的美股定期定額投資解決方案。
5分鐘開戶、低投資門檻，幫助新手輕鬆進軍國際股市；提供人氣排行榜，讓投資人能夠掌握市場趨勢。
這是張老師的第三本書，我想前二本應該也有很多朋友們都有讀過，我想絕對是受益良多，而這次在書名上就直接點出，著重在從投資的角度來切入
書籍資訊
書名：思考101：耶魯大學改變人生的一堂思辨課（Thinking 101）
作者： Woo-Kyoung Ahn（安宇敬）
出版：平安叢書
筆記
我們通常覺得原因是結果發生的必要條件，然而，並非所有必要條件都有因果關係。
作者安宇敬是美國耶魯大學心理學系教授，並且因
這本書提供了說故事的七個步驟，並探討了說故事的藝術神祕面紗和通用架構。閱讀這本書前可以先看第四章的概念，這樣會更好理解其他作者的故事。說故事的藝術自古以來一直流傳至今，是一門技藝，而如何說好故事是關鍵。書中透過口述方式輸出故事到聽者腦海中的方式，並探討通用故事架構和如何生成圖像。
可能或多或少都經歷過在寂靜的夜裡數著羊翻來覆去，明明很累卻不知為何無法入睡、或是起床了卻仍然覺得昏昏沉沉沒有辦法提起精神。
跟著本書，也許無法完全改善你的睡眠問題，但可以一步步理解自身的睡眠狀況、環境，根據自身的狀態，打造最適合自己的睡眠計畫
在發想新願望前，先為自己建立一套真正可以實現計畫的系統！
其實，成為高效率工作者，比你想像得簡單很多。
讓雜事回歸他們應該在的位置，
讓目標走上他們應該去的道路，
讓自己找到專注、熱情與行動力！
用最強數位筆記工具，完成最高效率子彈任務整理。
透過跨能致勝你再也不會有跨領域的困擾，因為跨能致勝就是為了跨領域而生的一本書。書中透過不同領域的案例，告訴我們為何要跨域與跨域重要性，相對於量化學習的刻意練習，這本書更多是從學習的品質與多元性出發，你會知道你不一定是要成為解決問題的專家，但不可以不是跨領域的行家。
★華特．迪士尼曾說：「迪士尼樂園永遠沒有完成的一天。」
●創造客源的絕對法則不在於「技巧」，而是透過製作最根本的商業模式才能夠成立。
●只有「理念與事業價值」、「價值行銷法則」和「打造熱心工作的人才」三項條件共存，「價值行銷法則」才得以成立。
●吸引顧客的法則關鍵的7個步驟：
7.HOW/怎麼做？
★請記住：你沒有義務去做書中提到的任何事─你去做只是因為你想要做。讓我們把負荷量維持在可以勝任的程度，你才會持續想要做。
●如何獨立思考？
-離開同溫層
-不要害怕
-思考其動機
-小心自利心態
-保持心境平穩
-不可輕信於人
●如何解決問題？
-杜絕情緒干擾
-確定問題是真的
-要抓對問題
★換個角度想，你的人生將大大不同。跳出「自我」框架，就能改變你自己、改變整個組織。
●向外心態的人，固定的三步驟工作模式：
1.看見其他人的需求、目標和挑戰。
2.調整自己的做法，為其他人提供更多助力。
3.評量自己所做的事對其他人產生的影響，並且負起責任。