讀瞬間之美 Web界面設計如何讓用戶心動 - 筆記

第一部分 指引用戶

令人心動的第一印象

  • 設計吸引人的第一印象
  • 以明確的路線來提供信息
  • 提供工具指引用戶
  • 把觀光客轉變爲消費者

可以通過一個可以讓用戶發現的頁面佈局,因爲頁面佈局不需人去設計,它是由你的需求來決定的。可以說佈局是內容組織的必然結果。
引導用戶的視線 如:對角線平衡法
參考已有的優秀佈局,互聯網就是一個很好的參考

凸顯個性

因爲這種個性就是你的品牌,能用用戶記住你
好的網站要有統一的設計風格、簡單樸素。善用符號

導航之道

在網站中找到方向可以讓人快速的找到所需的信息,就要求其必須符合我們思考問題的方式。
讓用戶在網站中感覺是自己在指揮網站工作,因爲每個人都想當指揮而不是被人指手畫腳。所以導航欄上陳列的一排按鈕不可是一串名詞,應是由動詞主導的(動-名詞)。因用戶上網往往是基於一定的任務的,通過以動詞主導的詞語讓人感覺是自己在指揮軟件做事,而不是被軟件牽着鼻子走(因爲這是反人類的)。例如:login與log in。
對於用戶它們對網站保持關注在於是否獲得方向感與所需的信息、能否完成任務。所以,設計導航時要時刻以用戶爲出發點,而不是系統,用戶不是工具系統纔是。

鏈接生來不平等

鏈接的排列順序讓環境提示成爲引導的線索eg: 顏色的深淺、字體大小等。

標籤雲裏擡頭看路

標籤雲與列表的選擇應以用戶需求爲導向

第二部分 學習

開門見山

開門見山歡迎辭要簡短突出重點——在解釋在頁面中能幹什麼的同時就可以說明它的目的好處和使用方法。因爲沒有人會浪費自己寶貴的時間在閱讀措辭優美的歡迎辭裏,用戶在打開你的網站時就說明他已知道自己的任務,要在網站中得到什麼。

爲界面做標誌

停止標誌你的假設,不要總在假設用戶會明白自己的意思,設計不能只基於我們自己一廂情願的假設,我們需要假設用戶毫不瞭解的我們的軟件,能給他們足夠的信息幫助他們理解。

生動傳神的視頻

巧用短視屏表達複雜描述

第三部分 搜索

提出搜索詞建議

運用防止錯誤機制幫助用戶完成輸入(兩面性)

幫助用戶準確輸入避免用戶打錯字
推薦提示的出現可能讓用戶遺失了自己的正確想法——所以推薦不要跑的太快

列出搜索結果

搜索結果的顯示問題,參考那些普遍的標準。不要總是想着創新(除非你足夠優秀),因爲有些事物優秀到足以被普遍接受,那它本身就是一種標準。背離了它就一定是不好的。

精煉出你的搜索

高級搜索也要簡潔,避免複雜的表單(沒人願意花時間在填複雜的表單上)
遞進顯示根據用戶的輸入而進一步顯示更多的控件。

第四部分 深入

表單排版、及時校驗、分部拆分長表單、標籤、找回密碼、表單間相互控制

視屏播放器的標準化

顯示視屏長度、當前觀看時間、音量控件、播放/暫停按鈕、進度條、菜單
比例大小適中

鞏固你的表單佈局

應該爲了配合頁面來設計表單而不是圍要表單來設計頁面。
表單要呈現出延續的流動性。

駕馭Wizard嚮導

Wizard嚮導一種多步驟的交互方式。
要讓用戶知道有多少步驟(用戶清楚自己要花多少時間在這裏),當前在哪個步驟(即要告訴他們去過哪裏,現在在哪裏,將來還要到哪裏)不要一昧的用Next(下一步)。

最後一英里:及時校驗

盡力杜絕錯誤出現(忌警告對話框 過多久沒效果),實時更新信息讓用戶及時知道自己的操作正確與否。

簡化長表單

長表單分頁顯示步驟進度–>Wizard嚮導

讓他們登錄

網絡用戶名與用戶姓名的聯繫與轉換,不要用戶進行不必要的重複動作,重複多了會使用戶產生反感。
無標準而應盡力提高用戶體驗。

計算字符數

字符限制提示要簡單明瞭
不要用戶去校驗讓軟件自動去實時提示
重基礎,不要總在嘗試
減少出錯的可能性

第五部分 參與

互聯網,其中很大的一部分樂趣在於參與
變被動的瀏覽者爲主動的交流着
清楚比有效更重要

創建個人資料

動態創建個人資料遞進的增加
資料填寫的分層

編輯

避免多功能症(產品包含過多的功能),應在正確的時間顯示正確的工具
隱藏那些與任務無關的工具和選項(可摺疊面板控件)
遞進顯示關鍵是隻顯示每項任務的工具和選項

開展社交活動

虛擬環境中的社交與真實有很大的不同,那就要求網站爲用戶提供一種讓用戶覺得有益的社交環境。鏈接有跟從的網友,能讓人看到動態的人物資料頁面。
不要隨便被熱潮牽着走,請三思而後行!

顯而易見的博客

博客應便於瀏覽者掃描頁面,於決定謀變日誌是否值得閱讀。

邀請討論

讓用戶發表意見
不要控制留言、評論、論壇回覆,或其他相關的任何東西,因爲控制會帶來嚴重的負面效果,讓用戶覺得你在隱瞞着什麼東西。其實這也是一個關於信任的問題,讓用戶自由發表意見以表示你信任他們的談論。招募自己的Otaku,那些抱怨聲最大、歡呼的最熱烈的人就是你產品的Otaku。因爲那些最恨你的人,在你真正開始爲他們考慮的那一刻,往往會轉變成最堅定的擁護者
同時我們可以通過“無痛”的控制方式提升一些安全係數:標誌系統(用戶可以點擊標誌提醒)

得到一個好的評分

評分系統要清晰,清晰勝於效率。在交互的步驟要提供適當的反饋,讓用戶在交互的瞬間得到肯定。讓用戶知道自己做的事。

第六部分 管理信息

讓RSS更有意義

使用可以直觀地明義的詞彙消除語言障礙,降低用戶對新事物的學習曲線。
清晰的標題、簡單的指示說明、簡便快速的解決方案(業界之外的人也能容易理解)
一個新想法是否容易理解是其成敗的關鍵

自定義標籤

讓組織方式更富有彈性
新生想法應該易於學習。

通過拖放來組織信息

每一個步驟都必須儘可能清楚,讓用戶能很容易地學習並且理解這種交互行爲
通過啓發式設計讓用戶提高使用率,保持界面間的一致性與連貫性。
邀請——操作——實現(讓用戶知道交互已實現)
即讓用戶理解如何開始——如何完成——確信自己操作無誤

用系統通知來管理中斷

先讓用戶有心理準備,直到更新會有所改變,讓用戶有準備時間你的接受更新變動。
爲改變而設計[先讓一小部分使用測試,找小bug]
通知可會喚醒沉睡用戶再度光臨網站。

第七部分 離開

讓用戶逗留的最好方法是幫助它們儘可能快而且毫不費力地離開——快離開說明你的網站能很快讓用找到所需,從而給用戶留下良好的用戶體驗。

退出

退出與登錄界面的銜接,及時的反饋讓用戶確信自己已經完全退出,找到方法鼓勵與慫恿用戶再度光臨網站(推廣區—文本簡短)

抹去那些塵封的用戶

個性化溝通、信息富有人情味、排外感將會激發興趣(邀請其加入有限制的小組)、不要過多的打擾而冒犯用戶。
“塵封用戶”的對待要適可爲止,過度返回迫使極端-註銷,應找原因如是真的失去興趣則抹去,若只是遺忘或有更優惠的平臺則給予更優惠打折。同時還可以邀請其參與討論、研發、功能改進。

由他們去吧

優雅地失敗,用戶離開時可以打包自己的行李(提供導出數據功能),有時離開也並未失去
重申一下用戶體驗很重要。

優秀設計的金鑰匙

  • 只提供用戶所需
  • 讓初學者儘快轉變爲中級用戶
  • 儘可能地預防錯誤,如出錯也有善處理
  • 精簡和優化交互與任務流程,讓最複雜的軟件清晰易懂
  • 爲支持特定行爲而設計
  • 持續的改進和優化我們的流程與程序
  • 忽略用戶的某些要求,堅信自己的理想和洞察力
設計即傳達,向用戶傳達它們是如何工作的,而他們又能從中得到什麼,以及爲什麼它們很重要。
  • 做正確其實更容易
    與錯誤訊息相比傳達正確訊息所需的思考與精力反而會更少。正如我們的考試不懂得亂寫一大段文字遠比標準答案的幾句話費時費力。

      我們每個人都必須開闢自己的道路,去領會是什麼讓我們成爲彼此不同的個體,必須瞭解自己的侷限、力量、獨特的癖好以及激情。
      如何思考和行動、如何相處交往、如何應對不利情況
    

    心動的界面設計在於—每一個交互的瞬間都能令人感到愉快!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章