Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

易用性研究

1,546 views

Published on

雖然網頁開發已經走到了一個新的世代,但截至目前為止,網頁設計師要了解使用者怎麼操作網頁的,通常都只有在使用者的背後看,或是說更專業一點的,在使用者後面架一台攝影機,然後再放來看。

但這些都很麻煩,而且有其限制,無論上述的哪一種方式,都會被所選取的使用者代表所影響,而可能無法顯示出整體使用者的習慣。

我們發現了這個現象,我們提供了一個解決方案。

利用現在最新的技術,我們能夠不著痕跡的記錄使用者的一切動作,然後更重要的是,假使我們不在電腦前,我們也能提供設計師錄影重播的功能。最有趣的是,如果當有一個人連上了你的網站,你還可以即時的看到他的操作過程。

我們相信這只是個開始,而未來應該還會有很多的可能性。

Published in: Technology
  • Be the first to comment

易用性研究

  1. 1. 易用性研究by bu @ hax4 studio 2013. Jan. 12
  2. 2. 邱柏崴 Buwei Chiu (a.k.a bu)•A Developer of hahahaha studio•Web developer since 2003•PHP, JavaScript, Python, Java Developer.•我討厭 IE
  3. 3. WHAT IS HAHAHAHA STUDIO? 一個成立於 2009 年西洋情人節的設計團體 專注於網路服務的開發或研究 近年開始採用多樣化的平台進行製作 最重要的,我們都討厭 IE http://hax4.in
  4. 4. 這是一個愛與勇氣的故事
  5. 5. 是網頁設計師和客戶、使用者一決生死的故事。
  6. 6. 是網頁設計師和客戶、使用者一決生死的故事。是網頁設計師與客戶間的愛恨情愁
  7. 7. 是網頁設計師和客戶、使用者一決生死的故事。是網頁設計師與客戶間的愛恨情愁是網頁設計師不停追求的勇氣與希望
  8. 8. 回到主題
  9. 9. 易用性是什麼?
  10. 10. 從維基百科借來(難為我每個月都固定捐款給他們了)易用性是一種以使用者為中心的設計概念,易用性設計的重點在於讓產品的設計能夠符合使用者的習慣與需求。以網際網路網站的設計為例,希望讓使用者在瀏覽的過程中不會產生壓力或感到挫折,並能讓使用者在使用網站功能時,能用最少的努力發揮最大的效能。
  11. 11. TL; DR 就是要當使用者是白(嗶)然後這樣他們還不會把東西用壞還找得到我們想給他們的東西
  12. 12. THE END ( )
  13. 13. 對我們 WEB DEVELOPER 而言…
  14. 14. 我們想要達成的是什麼?
  15. 15. 讓大家方便的看到網頁的內容?
  16. 16. 設計出很漂亮的頁面,來抓往使用者的目光?
  17. 17. 還是設計出一個史上超級無敵厲害的功能,但是又可以讓它超簡單使用?(給白(嗶)用也OK
  18. 18. 以上的題目,都和我們要討論 的易用性有一些關聯。
  19. 19. 我們認為,易用性在網頁設計上可以表現在三個不同的方面
  20. 20. 連結分析指的是網頁中的連結如何的被使用以及相關連結的關係,並可利用點擊者的背景資料,來得知一個時段中所能獲得的流量或曝光量。
  21. 21. 視覺分析指的是網頁中視覺成分的設計,在使用者的使用下,如何被使用者給注意與使用的研究,重點在如何讓使用者最快的去找到操作的焦點。
  22. 22. 操作分析指的是重現使用者在網頁元件上使用的軌跡,以了解使用者預期元件反應與使用過程的研究。在 RIA 時代,這點會慢慢的顯示其重要性。
  23. 23. Google
  24. 24. GoogleEye-tracking
  25. 25. Selenium Google Eye-tracking
  26. 26. Selenium GoogleCapturer Eye-tracking
  27. 27. CAPTURER
  28. 28. http://capturer.in/ ALPHA
  29. 29. LIVE DEMO
  30. 30. CONTACT bu@hax4.in

×