瞬間之美：Web界面設計如何讓用戶興奮

瞬間之美：web界面設計如何讓用戶興奮
這本書分為七部分和第三部分，討論用戶在進入網站前30秒內所做的事情；第四部分至第六部分，討論用戶在深入網站時所做的事情。 第七部分關注用戶離開網站，無論是暫時離開還是永久離開。
不是你去頁面布局，而是內容決定了布局。 布局是內容組織的不可避免的結果。頁面的布局自然會形成。 把頁面上的所有欄目扔到頁面上，然后移動和調整。
充分理解頁面不同組成部分的主要和次要部分。 布局引導用戶了解用戶瀏覽網頁時的使用習慣。 例如，當用戶瀏覽網站時，他們習慣于從左到右自上而下是第一視線立足點，右下角是視覺盲點。 因此，在設計時，你可以把更重要的內容放在左邊和右邊。 使用顏色來吸引關鍵部分的顏色，如左上角的標志和右下角的按鈕，以強調這兩個部分。 您可以使用一個顏色，而不使用它在網站的其他地方，以便比較和突出它。
本書中提到的統一設計風格只是指使用符號統一設計風格的名稱符號可以是品牌標志或網站的整體圖標風格。
在界面統一章節中，作者在界面設計中引入的重要性很高，僅僅是三頁紙。 在這里，我想通過對互動設計精髓4的統一介紹和我對統一的理解來補充以下兩點。
統一性意味著軟件產品的不同模塊應具有相似的外觀和行為。 通過統一提高易用性和易學性，降低了用戶的學習成本，降低了客戶培訓和技術支持的成本。 通過改進設計和代碼的重復使用，可以減少開發時間和工作量。 統一可以創造一種井井有條的感覺，讓用戶感到舒適。 給用戶留下標準和統一的印象，使用戶更容易識別產品開發人員的專業性，從而增強用戶對產品的信任感。
建立關系：定期使用元素組織在一起，以減少鼠標在空間中的移動；類似功能的元素以視覺方式組織在一起。 也就是說，視覺元素和行為元素是一致的。 使用電網系統對齊視覺元素：這是設計者組織和系統地體驗產品的重要途徑。 一致的空間：如果屏幕上的兩個區域需要大小，它們是完全相同的；如果這兩個區域需要不同的尺寸，那么它們就會有很大的不同。 如果你不能完全一致，增加差異，因為細微的差異會使用戶感到不穩定。 一致的間距和定位：如果屏幕的標題部分總是準確地出現在同一位置，用戶不需要考慮或瀏覽界面。 一致的間距和定位可以幫助人們提高屏幕的可讀性。 重復使用元素：使用者只需學習一次。
人們通常得到指南的方法是粗略地掃描頁面，看看他們有什么選擇，并迅速過濾他們對他們感興趣的內容。
在設計導航時，讓用戶覺得他們是動賓語組的主人，比如創建頁面，這讓用戶覺得他們是指揮軟件的領導者。 而不是領導。
在許多網站上都有各種各樣的鏈接。這些鏈接根據時間相關性、點擊率等順序排列。許多網站只是如此簡單。 很少詳細的設計。 作者給出了一個例子。
使用的設計方法：使環境暗示作為指南，就像日本平臺在火車即將進入車站時播放獨特的音樂一樣。 獨特的音樂可以有效地吸引乘客的注意，并盡早準備下車。作者試圖將環境提示應用于鏈接列表中。
首先，從大到小的變化會很好地顯示鏈接的優先級；從深到淺的角色創建一種年齡感，讓用戶非常清楚什么是最重要的。
作者從火車到車站播放音樂的靈感被應用到設計中，所以我們通常應該出去觀察生活，拓寬視野。 看看你周圍有什么能刺激靈感來改善你的設計。
這部分主要討論如何更清晰地與用戶交流，首先通過兩個例子討論如何修改文本來傳達更多的意義。第三個例子討論了當文本不合格時的意思。 如何使用視頻來彌補它。
用戶通常不會在網站上閱讀文本。他們只是掃描，如果他們是一個很長的介紹文本，他們傾向于忽略短文本，以吸引注意力。 對于用戶來說，簡短的句子比大量文本更有意義。重要的不是信息的數量，而是他們是否能為他們提供真正需要的信息。
優點：自動搜索意味著系統可以嘗試猜測用戶輸入的文本，并且動態搜索適當的結構，并建議用戶幫助他們完成輸入。 這可以防止用戶誤碼，以確保搜索更有效，并避免新的命名，除了數據庫。
例如，在dtrt的情況下，這種自動完成搜索的輸入框架可以防止用戶打錯字，避免用戶添加各種新的名稱。
限制：自動完成功能可能會誘使用戶放棄他們原來的想法，選擇網站推薦，但實際上是低效的搜索詞匯。 通過這種方式，我們可以通過輸入的字符數來限制推薦單詞的3-4。
點擊先進搜索后跳出大量選項是非常復雜的，有些選項用戶根本不需要先進的搜索用戶。 用戶的行為模式告訴我們，在必要時不需要立即顯示所有選項。
單擊“先進搜索”以添加搜索條件。如果您需要單擊“添加”按鈕，您可以添加另一個搜索條件。 這避免了大量用戶可能無法使用的搜索條件的突然出現。 當使用先進的搜索時，簡單的搜索按鈕是無效的，這樣用戶就不會被兩個搜索按鈕混淆。
將較長的視頻劃分為小章節，用戶可以選擇播放他們想要觀看的部分。 例如，將一個人演講的視頻根據不同的主題分成不同的部分，這樣用戶就可以很容易地選擇他們想看到的章節。 而不是完成所有的視頻。 添加視頻標題，讓用戶了解他們正在看什么。
讓確定取消按鈕更完美地將確定按鈕與頁面對齊，并首先將所有元素與左側對齊，使所有元素依賴于左側。 從表單的頂部到底部形成一條很好的直線是一種審美選擇。 第二，確定按鈕放置在左邊的原因是使用tab鍵切換輸入區域的第一個按鈕如下所示。
以上是作者的觀點，其中按鈕的位置與對齊方式不太一致。 在日常交互設計中，我們經常遇到這樣的問題，比如左或右確定按鈕。 如何對齊？ 禁止的按鈕是顯示還是隱藏？ 確定按鈕的優先級還是取消按鈕的優先級。 在今天的共享中，按鈕的形狀被設計成直角或圓角矩形或其他形狀。
如何消除用戶的挫折感 我們需要提前知道總共有多少步驟，我們應該告訴他們將來去哪里。
上述方案的局限性是網頁的水平空間是有限的，如果步驟太大，則水平軋制條。 水平滾動帶對用戶來說是很麻煩的，但是網頁的垂直方向是無限的，所以改進方案是。
首先，在用戶開始輸入之前，建議用戶只輸入字符的限制；在用戶輸入過程中，為了避免用戶數字，他們可以輸入多少字。 應設置隨字數變化的計數器；通過改變數字樣式(顏色尺寸)來提醒用戶，可以輸入的字符數量不多。 計劃如下。
評分頁面通常分為兩部分，一部分是顯示頁面，告訴用戶現在已經具備了評估結果，另一部分是編輯頁面用戶可以對事物進行評級。 一些網站在設計時只需單擊一顆恒星，除了恒星從白色到黃色之外，還沒有得到其他反饋，這將使用者懷疑他們是否成功。 雖然這種互動過程很簡單，但用戶體驗不好。我們不能為了簡單而簡單。 一個好的互動并不意味著用戶用最少的步驟來完成任務，而是讓用戶的每一步都得到反饋。答案并不比所有問題都更有效。
每個人都有不同的想法。不同的人可能會為標簽創建各種版本，所以我們需要找到類似的標簽。 并允許用戶選擇現有的標簽，以便他們想要標記。
第二種方法是在用戶輸入標簽后搜索類似的標簽并在下一頁中顯示。 這個頁面可以用文字向用戶解釋，他可以與其他人創建的標簽相匹配。
靈感設計提高了用戶的效率，保持了從界面到下一個界面的一致性和一致性，同時通過設計元素使交互更容易學習。 并且可以重復相同的交互行為。 互動的每一步都需要盡可能簡單和清楚，尤其是在運作中。
為新版本設置一個清晰的時間，以提前為用戶提供準確的信息，而不是在沒有通知的情況下向用戶發送電子郵件。 活躍的用戶對新版本感興趣，并告訴更多的朋友；普通用戶將得到足夠的警告；那些已經注冊和被遺棄但沒有刪除帳戶的用戶。 它將被提醒再次訪問我們的網站。
當用戶退出時，他們會返回登錄頁面，重新營銷登錄頁面。通過增加營銷推廣網站的內容，鼓勵和鼓勵用戶再次登錄，而不是讓退出變得非常復雜。 阻止用戶退出。