以瀏覽者的角度設計網站
網站講述的是一些普遍被誤解的瀏覽者體驗理論。有些論點蠻老,有些也不一定準確。我挑選了一些記錄下來,並加少許註解。:)
1,瀏覽者在網頁上會認真閱讀內容。不准確。瀏覽者在閱讀網頁內容時,快速瀏覽居多,只有在瀏覽者對內容非常感興趣的時候,才會逐字閱讀;好的 網頁設計 是能幫助瀏覽者更方便快速瀏覽網頁內容的。
Yoyo:現在是信息爆炸時代,瀏覽者很少有精力去仔細讀內容,更多是以草覽、看圖、看第一句、看加粗的方式來了解信息。所以在新的時代,無論是設計網頁還是移動產品,信息的聚焦、瀏覽者注意力的把握、界面內容的節奏,都是設計的重點。
2,網站所有頁面需要在3個點擊內到達。不准確。更少的點擊到達頁面,不一定會讓瀏覽者更開心,也不一定更有效率。
Yoyo:瀏覽者做事都有自己的習慣,這些習慣是他們最舒服的,但是不一定是最有效率或者最合理的。我們設計產品也要遵循這個思路,怎樣讓瀏覽者使用產品最舒服、安全、愉快;而不是最有效率、甚至是設定量化標準去要求這個效率,因為強迫的要求往往會適得其反。
3,瀏覽者不會使用滾動條。不准確。現在的瀏覽者已經習慣使用往下滾動功能得到更多信息了,雖然頁面頂部的位置還是最重要的,但是不一定要把所有內容都擠在頁面頂部。
Yoyo:特別是iPhone引領的智能機新時代,用手往下一滑就能看到更多內容,已經成為瀏覽者可以接受並熟悉的操作方式。不糾結於把內容都放在 頂部,但是設計師要記得,頂部很重要。一般來說,一個網頁第一屏的曝光是遠遠大於第二屏以及以後的。例如我設計過的產品的真實數據,第二屏以及以後的曝光 只有第一屏的10%不到。所以在設計新時代,重點信息重點放置、次要信息有跡可循放置、無關信息不要放置。
4,設計是讓網站更好看。不准確。設計遠遠不止是提供一個好看的樣子,設計更重要的是提供功能、流程、解決問題。
Yoyo:如果設計師只是讓網站好看,首先交互設計師全部都要失業啦。甚至是視覺,現在也是在為整個產品做視覺,品牌、瀏覽者情感、交互配合、動效展現都會考慮到視覺設計中。所以我認為現在沒有任何設計師僅僅是為了讓網站好看而工作。
5, 網站設計 為可以讓有障礙人士使用是很難且成本很高的。不准確。前期融入為有障礙人士服務的設計理念,設計網站時增加的成本不會太高;網站會因此服務到更廣群體的瀏覽者。
Yoyo:做過一些公益類設計項目,例如雅虎移動搜索和AMBER Alert的合作,但是還沒有負責設計過一個為有障礙人士服務的特性或者產品,慚愧,希望以後有機會去設計一些。
6,設計必須是原創的。不准確。大多設計師喜歡重新設計而不是參考現有的設計形式,他們更應該考慮,既有的設計已經經過驗證且瀏覽者習慣。全新的設計,作為設計師需要有足夠的信心,才能去推動。
Yoyo:不用懷疑這個假設,在美國的互聯網公司設計團隊,很多設計主管會直接要求下屬,設計一定要和業界不一樣。但是做創新設計,我們一定要記得這些點:源於根本,解決問題並有商業價值,尊重業界與瀏覽者已經存在的習慣,不要為了創新而創新。
7,網站需要定期改版。不准確。瀏覽者是不喜歡改變的,所以網站的改版需要源於更深層次的需求,而不是僅僅為了改版而改版。
Yoyo:能解決問題,有商業價值,源於新技術的推動,利用大數據分析的結果,以這些維度來思考改版。不要為了改版而改版,不要為了好看而改版。
8,提供更多的功能和選擇,瀏覽者會更滿意。不准確。提供選擇讓瀏覽者感覺有控制權,是好事,但是過多的選擇會讓瀏覽者無所適從,對產品不能理解。
Yoyo:提供最好的選擇,但是要足夠少,做產品設計如此,生活也是如此。
9,作為產品設計者,你和你的瀏覽者群體很像。不准確。把瀏覽者想成自己,會帶來強烈的主觀偏見,對設計是非常不利的。
Yoyo:很多朋友會來問我,為什麼某某產品還有人使用,不是應該被淘汰麼,為什麼某某產品能賺錢,完全不可想像啊。其實這只是因為你不是目標瀏覽 者而已。就算你設計的是一個音樂產品,同時你也是資深聽音樂的瀏覽者,但是你也不能把自己看為所有目標瀏覽者,因為你只是其中一個而已。
10,瀏覽者在使用網站時會做最優選擇。不准確。在理想的世界裡,瀏覽者會閱讀你的網站所有信息,然後發現對瀏覽者最有價值的內容。現實世界是,瀏覽者快速瀏覽網站,找到第一個吸引他們注意力的內容,就往下一步走了。
Yoyo:瀏覽者不會做最優選擇,甚至瀏覽者還會經常被其它吸引因素帶偏。所以我們做產品設計要考慮到這些“不科學不嚴謹”的因素。例如你去超市想買一瓶水,出來結賬的時候買了可樂、口香糖、薯片、酸奶,你覺得只是因為你貪吃,其實這都是超市設計好的。嘿嘿。:)
11,設計網站時不需要真實內容/數據。不准確。早期的設計師都在用佔位符“lorem ipsum”設計網站,這會讓設計師優先思考形式而不是內容。而內容才是瀏覽者來到網站的主要目的。
Yoyo:內容第一,形式第二。這幾年明顯用佔位符來設計產品的例子越來越少,界面設計中真實數據的描述越來越多。
12,瀏覽者測試成本高。不准確。瀏覽者測試有很多方式,紙張上的畫稿測試、5個人的快速訪談,都能帶來很好的設計輸入。
Yoyo:瀏覽者研究要動手做起來才會有好處,其實沒有那麼難、那麼貴、那麼複雜。
13,產品易用性好,美觀就不重要了。不准確。瀏覽者是有情緒的,美的產品吸引瀏覽者。
Yoyo: “這是一個看臉的社會……”,好用是基本,好看是必須啊。知書達理,也需要貌美如花嘛。
14,用戶體驗就是易用性。不准確。易用性的價值是讓瀏覽者輕鬆完成任務,而瀏覽者體驗涵蓋產品給瀏覽者的所有體驗和感覺。
Yoyo:解釋一下這些術語。User Experience,瀏覽者體驗,最大最廣最全;Interaction Design,交互設計;Visual Design/Graphic Design,視覺設計;User Research,瀏覽者研究;Animation Design,動效設計;User Interface Design,界面設計,感覺分不出交互視覺,視覺居多吧……雖然每個公司叫法不一樣,但是技能和種類業界已經統一。
15,留白是浪費空間。不准確。留白對界面節奏控制、視覺設計是非常重要的,留白是一個視覺元素,而不是一個簡單的背景。
Yoyo:真的遇見過各種產品經理,集中在美國,反复跟我爭論移動界面每個位置的寶貴,一定要壓縮、要減少留白…… 人生你都知道,要有緊張有鬆弛,到了界面設計你就糊塗了麼……
16,瀏覽者是理性的。不准確。瀏覽者不是完全理性的,基於情感和情緒的操作非常多。
Yoyo:人不是完全理性的。如果人是完全理性的,這個世界我不敢想像。
17,瀏覽者體驗設計是項目中的一個環節。不准確。瀏覽者體驗設計應該貫穿整個項目週期。
Yoyo:如果還是發現產品經理給你提需求,你做好,然後進入開發就沒有人找你了,這個設計流程肯定是不完整的,你需要改變這個情況。
18,互聯網產品設計成功是一夜之間發生的。不准確。大部分成功互聯網產品設計是精雕細琢花費時間做出來的。
Yoyo:台上一分鐘,台下十年功。我們總是看到別人最輝煌的樣子,卻從來不想別人在成功背後的苦與淚。
瀏覽者體驗是一個很新的行業,大家越來越重視,但是不是每個人都透徹理解,所以迷思就出現。希望整個行業對瀏覽者體驗的理解,在廣大設計師的努力下,越來越清晰。
你發現過什麼瀏覽者體驗設計的迷思呢?:)
參考文獻:
1.Eva M. Thury(1998). Analysis of Student Web Browsing Behavior: Implications for Designing and Evaluating Web Sites, Proceedings of the 16th annual international conference on Computer documentation.
2.Ganesan Velayathan(2007). Can We Find Common Rules of Browsing Behavior?.
3.Google analytics (2010). Google analytics Help
資料來源:boxui
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了