css - 如何尽可能高质量的完成具有良好UED交互的页面?
迷茫
迷茫 2017-04-17 11:07:53
0
2
303

有哪些经验或者小秘籍 分享呢?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回覆(2)
迷茫

經驗談不上,去年剛畢業的時候在一家小公司實習,剛好網站換代,而且人手不夠,所以我就參與到了產品的交互設計中,這裏我就講下我的一點心得和體會吧。
因為經驗幾乎為零,所以首先我決定參考同類產品中的優秀者,設計的正確與否很大一部分源自豐富的經驗,如果經驗不夠怎麼辦,那就從學習那些有經驗的設計人員開發出來的優秀產品入手吧。因為我做的是網絡教育這個行業的產品,所以我花了大概一周的時間,每晚5個,總共觀摩了大概2,30個左右的同類產品,為什麼每晚隻有5個呢,是因為我不僅僅是單純地瀏覽網站,而是每一個都要注冊登陸,真正地體驗,隻有這樣你才能真切地體會到產品,而且在這個過程你能把握到不少優秀交互邏輯,這些都是隻瀏覽網站拿不到的。此外在這個過程中,我覺得橫向比較很重要的,為什麼我在網站A用得不爽,而在B則愛不釋手呢,仔細分析裏麵的原因。好了,還是具體講講我的一些心得吧:

1.功能明確
我覺得在產品初期,一定要保持整個產品的清晰度,各個功能點要明確清楚,不要疊加邏輯,讓用戶像走迷宮一樣在裏麵轉,我覺得就應該把用戶當做一個“笨蛋”,他可以不費周折地就暢遊在你的產品內。在《代碼大全》裏麵有句話是-優秀的代碼是它自己最好的文檔。當你考慮要添加一個注釋時,問問自己,“如何能改進這段代碼,以讓它不需要注釋?”,那麼在設計產品時,我們也可以問問自己“如何能明確這個功能,讓用戶不要用戶導航幫助之類的文檔就能明白”。這裏說下我喜歡的 segmentfault 裏的一個小問題,老用戶應該知道 segmentfault 有個文章的欄目,這個欄目其實和博客是有功能疊加的,所以我認為這也是功能未明確的一種表現。

2.頁麵一定要有測重點
比如場景是在一個用戶觀看網課的頁麵,結果你把頁麵內的一些其他功能做得“異常精彩”,用戶就會走神,甚至直接點開去到其他頁麵了,所以每個頁麵都要有側重點,可以適當傳遞一下其他信息,但是不能喧賓奪主。要讓用戶專注當前頁麵的重點內容上。

3.交互文本要設計恰當
分析用戶的詳細特征,設計合理恰當的交互文本,比如我當時麵向的是初高中學生,所以我在設計交互文本時會添加一些“同學們”之類的用詞,這會讓用戶用起來很有親切感,交互文本不要過於專業化和生硬。比如當時有個場景時,有個標簽記錄學生觀看視頻課程播放的次數,當鼠標放置到數字上是,會有個 tooltip 顯示出來,我寫的是“親愛的xxx同學,你已經觀看該課程xxx次了,加油哦!”,我覺得這比內容被設計成“該課程已觀看xxx次”要親切不少。

4.幫助文檔
雖然前麵說設計產品的目的是為了讓用戶不需要幫助文檔,但是不得不說幫助文檔是極其重要的,而且它呈現形式也應該是多樣的,直接弄個 Q&A 的專欄,然後讓用戶自己瀏覽無疑是糟糕的,我當時考慮了兩點,第一點是歸納了當時舊網站經常容易讓用戶混淆的地方,然後清晰地給出用戶幫助指示,第二點是新網站新增的功能在用戶登陸的時候就直接通過消息和其他方式告知用戶。此外,通過在線客服和社區提問的形式提供用戶幫助也是應該考慮的選擇。

以上都是我的一些個人看法,因為經驗實在有限,希望能對題主有幫助。BTW,寫了這麼多,突然想到題主想要的會不會是偏於頁麵樣式的交互設計呢。。。

刘奇

這個問題太模糊了,什麼叫做良好的UED交互,是說交互好還是UI設計好,還是說做了很多用戶調研;良好體現在哪些方麵,是頁麵動態效果比較多,還是頁麵布局很講究。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板