純文字指令 這個技巧主要依靠的是純文字指令，促使使用者去執行某個操作手勢，並且簡明地描述了整個操作的結果。要注意的文字說明一定要簡短，以此讓用戶快速地閱讀，然後遵循他們的指引。 提示動效 合理地使用動效來呈現使…

詳情

    提供回饋   動效能夠強化用戶正在進行的交互效果，幫助用戶去瞭解操作的進行方向。對他們操作呈現出結果，以此讓他們明白自己的操作是否成功。   確認效果   動…

詳情

  控制使用者的視覺焦點   在使用者打開你的介面時，應該儘快地去吸引用戶。尤其是使用者第一次打開時，必須給予他們富有視覺衝擊力的元素。而動效最適合不過了！除了要讓使用者在視覺上感覺愉悅之外，還應該瞬間地控制使…

詳情

  載入指示器   對於許多app介面設計來說，載入絕對是不可避免的。雖然動效的使用並不能很好地解決載入的問題，但是它能夠讓用戶等待的過程有點趣味。   下拉刷新   這是非常常…

詳情

  標籤位置   不少的頁面設計經驗告訴我們，用戶對標籤頂部對齊的表單中所耗費的時間最短。因為這種方式大大地減少了使用者眼球運動次數。在通常表單標籤設置中，右對齊的方式能讓使用者也能很快幫助用戶迅速地完成表單的…

詳情

  輸入遮罩   説明使用者格式化輸入文本的輸入遮罩，雖然在外觀上與提示文字比較相似，但其實並不一樣。首先，遮罩只出現在用戶點擊輸入框的時候，避免了一些常見的障礙問題。其次，輸入的文字自動應用正確的文本格式，這…

詳情

  色彩對比   前景的文字需要與網頁的背景有著明顯的對比，這樣才能夠吸引到用戶的注意，同時增強了內容的可讀性。 使用色彩來進行對比的方法有很多，常見的有在白色或者淺色的背景上使用黑色或者深色的文字。其次還有…

詳情

  一、考慮使用浮動的提示文本   對於是否要在表單的輸入框中加入提示文本有不少的爭議，最主要體現在其中這點：當用戶點擊輸入框，游標出現準備輸入的時候，其中的提示文本並沒有自動的消失，而需要手動刪除之後再才能輸入。…

詳情

  用戶流覽網頁的時候，通常都是快速地掃視頁面，要讓他們在掃視當中就來獲取一點資訊，表單如何吸睛？在想著如何吸睛前，必須保證表單清晰程度，能否讓使用者立刻知道他們需要填寫多少的資訊。 對比度 文本和標籤建議儘量的簡短直觀…

詳情

以著名的X寶為例，在電腦桌面端它們的電商網站建設有著非常重要的兩條消費者動線： 其一，是搜索； 其二，是分類導航。 在電腦端為主的電商網站設計，這兩種屬於中心化的流量分配方式。而到了移動端的時代，則要充分地考慮到設備的螢幕。要想讓內容…

詳情