雖然我不承認我瞭解架構, 產品設計的另一個相同的共性是最容易忘記細節。但這些小事情, 微小的細節, 最終促使美麗的產品, 和漂亮的房子。當然,我提到的產品設計中的 “細節”,並非只是表面的設計, 如顏色、陰影或位置。相反我指在 WooCommerce 獨立站網頁設計中難以定義的、多用户體驗和潛意識的模式, 以及幫助多用户感覺更自在的互動。這些細節比如是可能是遊標的形式、 “向下” 風格的按鈕、或一個有用的動畫。
這些細節採取何種形式, 我敢打賭, 它不是在 Photoshop 裏設計。注重細節是很難的事情,當您構建一個產品時,需要花費昂貴的時間和技術開銷,這一切都是為什麼細節很難把控的原因。我花時間在這些細節的追求, 我有兩個奢侈品,謝天謝地我能負擔得起。
首先, 我有能力使用, 改善和重複。我不只是談論關於技術實現細節的能力, 我也有時間這樣做。有時一個互動會帶我長 50%, 僅僅是因為我花了幾個小時困擾的動畫狀態發生在 0.65 秒的時間。這不是一個奢侈品, 許多產品可以承受, 或願意建立範圍。這是可以理解的。
第二, 我使用我的產品, 如果有一個惱人的互動中存在不必要的長篇動畫或一個愚蠢的多用户體驗,那麼這個產品是留不住多用户的。 WordPress 外貿獨立站網站建設也是一樣,做不出優秀的網站同樣也沒有人願意找這樣公司 WordPress 做網站。這裏推薦專業 WooCommerce 建站網站跨飛獨立站。
視覺確認互動
很多網站中常常被忽視的細節就是——按鈕狀態。即使在快速網絡時代, 也會有按一個按鈕後有可能會延遲, 像一個新頁面載入影像上傳, 或某種類型的事件。然而很少有網站把載入期間後台發生的事情用視覺傳到給多用户。如果有,這將是一件新奇的事情。留給多用户掛在那裏, 沒有確認他們的點選改按鈕所形成的響應。每當這時多用户可能在考慮您的 UI 。
解決方案是考慮新增當多用户點選的按鈕樣式, 然後另一個風格或動畫當提交。每一個按鈕都有 “下來” 狀態, 和動畫來確認您的點選。更好的是, 如果操作可能需要一段時間, 考慮實際告訴多用户發生了什麼。如果您不能通過設計充分解釋, 可以用文字形式寫出來。
使用微妙的動畫
我可以幾天談論動畫的重要性, 以及它在幫助多用户理解一個界面——幸運的是已經有很多更好的資源。相反, 我只涉及細節的重要性, 幾乎看不見的動畫。採取以下作為一個例子, 拖動影像資料夾不需要反饋。所以一個小動畫, 推斷成功就能減輕不確定性。
動畫反饋
注意 “X 照片” 號碼需要稍微長的時間更新? 這是實際的 WooCommerce 服務器響應時間。在這種情況下,“筆名” 動畫幫助多用户繼續他們的業務。動畫還可以幫助顯示上下文和檢視之間的過渡。而不是突然之間移動, 冒著失去您的多用户的危險, 動畫可以幫助顯示的東西是從哪裏來的。
優化背景
任何產品包含資料、影像或報告沒有屏幕會看起來是一樣的。然而在 WordPress 網站設計中, 我們很好的優化背景, 把數字影像完全為背景設計和優化。很多網站中利於漂亮的圖片作為背景,是一種明智的選擇,有時候會出現視頻背景這也是非常不錯的選擇。
基調錯誤訊息不是有益的。
為了解除和人類, 我寫了上面的訊息顯示在罕見的場合, 由於 WooCommerce 服務器錯誤上傳失敗。當多用户耐心等待他們的上傳過程中, 應用了一種毫無用處的和毫無悔意的反應。如果我是一個多用户去客户端演示, 這將是不太理想。在此之前, 我接到一個客户的理由憤怒的電子郵件。當然也有一些場合, 可以有樂趣, 和一點人性化的可以讓原本無聊的多用户體驗增加價值。
細節是一個產品最後的 1% 。他們很難定義範圍, 他們絕對沒有替代深入研究偉大的設計和巧妙的工程。細節將幫助您的產品感覺自然、有趣、直觀, 甚至讓多用户感覺聰明。這是小事情, 這是讓人容易忘記的 1%, 但它是讓人們愛上您的產品的關鍵。