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.
ADVANCED techniques to support THE DESIGN OF WEBSITES INFORMATION ARCHITECTURE BASED ON MODELS OF HUMAN-INFORMATION INTERA...
Purpose & Motivation<br />Increase objectivity & efficiency for the design & evaluation of websites information organizati...
Proposed approach at a glance<br />Two tool-based methods:<br />Automated Card Sorting Tool (AutoCardSorter)<br />InfoScen...
<ul><li>Katsanos C., Tselios N., Avouris N. (2008) Automated semantic elaboration of web site information architecture. In...
Katsanos C., Tselios N., Avouris N. (2008) AutoCardSorter: Designing the Information Architecture of a Web Site using Late...
Tselios N., Katsanos C., Avouris N. (2007) Beyond user centered design: A web design approach based on information foragin...
Method Overview<br />Semantic Similarity Measure (e.g. LSA)<br />Hierarchical Clustering Algorithms<br />Page Text Descrip...
Tool Interface<br />Additional Support<br />Interactive Tree Structure<br />Page Descriptions<br />
4 Validation Studies<br />vs<br />AutoCardSorter<br />CardSorting<br />
<ul><li>Katsanos C., Tselios N., Avouris N. (under revision A). Evaluating Website Navigability: Validation of a Tool-base...
Tselios N., Katsanos C., Avouris N. (2009). Investigating the Effect of Hyperlink Information Scent on Users’ Interaction ...
Tselios N., Katsanos C., Avouris N. (2007) Beyond user centered design: A web design approach based on information foragin...
Katsanos C., Tselios N., Avouris N., (2006). InfoScent Evaluator: A semi-automated tool to evaluate hyperlinks’ semantic a...
Upcoming SlideShare
Loading in …5
×

Advanced techniques to support the design and evaluation of websites information architecture

2,041 views

Published on

Short overview of my PhD research

Published in: Education, Technology

Advanced techniques to support the design and evaluation of websites information architecture

  1. 1. ADVANCED techniques to support THE DESIGN OF WEBSITES INFORMATION ARCHITECTURE BASED ON MODELS OF HUMAN-INFORMATION INTERACTION<br />Christos Katsanos (ckatsanos@ece.upatras.gr)<br />HCI Group, University of Patras, Greece<br />
  2. 2. Purpose & Motivation<br />Increase objectivity & efficiency for the design & evaluation of websites information organization<br />Aspects addressed<br />Structural design<br />Links’ Labeling<br />Both aspects addressed greatly affect User Experience<br />Existing approaches are often neglected: <br />Time & Cost constraints <br />Increased complexity of data analysis<br />Large & Rapidly-changing web sites<br />Hard to go from user-research to the design itself<br />
  3. 3. Proposed approach at a glance<br />Two tool-based methods:<br />Automated Card Sorting Tool (AutoCardSorter)<br />InfoScent Evaluator Tool (ISEtool)<br />Based on <br />Information Foraging Theory <br />Semantic Similarity Algorithms (e.g. Latent Semantic Analysis)<br />Mathematical/Statistical techniques (e.g. cluster analysis, eigenvalue analysis)<br />
  4. 4. <ul><li>Katsanos C., Tselios N., Avouris N. (2008) Automated semantic elaboration of web site information architecture. Interacting with computers, 20 (6), p.p. 535-544, doi:10.1016/j.intcom.2008.08.002
  5. 5. Katsanos C., Tselios N., Avouris N. (2008) AutoCardSorter: Designing the Information Architecture of a Web Site using Latent Semantic Analysis. In Proceedings of the SIGCHI conference on Human factors in computing systems, CHI 2008 (pp. 875-878), Florence, Italy: ACM Press, April 5-10, 2008,
  6. 6. Tselios N., Katsanos C., Avouris N. (2007) Beyond user centered design: A web design approach based on information foraging theory. In Proceedings of Workshop Are New Methods Needed in User-Centered System Design?, INTERACT 2007, Rio de Janeiro, Brazil, 10-14 September 2007</li></ul>AutoCardSorter – Structural Design<br />
  7. 7. Method Overview<br />Semantic Similarity Measure (e.g. LSA)<br />Hierarchical Clustering Algorithms<br />Page Text Descriptions<br />Semantic Similarity Matrix<br />Interactive Tree Structure<br />Additional Support<br />Number of Groups<br />Cross-Hierarchy Links<br />
  8. 8. Tool Interface<br />Additional Support<br />Interactive Tree Structure<br />Page Descriptions<br />
  9. 9. 4 Validation Studies<br />vs<br />AutoCardSorter<br />CardSorting<br />
  10. 10. <ul><li>Katsanos C., Tselios N., Avouris N. (under revision A). Evaluating Website Navigability: Validation of a Tool-based Approach through Two Eye-tracking User Studies, New Review of Hypermedia & Multimedia
  11. 11. Tselios N., Katsanos C., Avouris N. (2009). Investigating the Effect of Hyperlink Information Scent on Users’ Interaction with a Web Site. In Proceedings of the 12th IFIP TC13 Conference in Human-Computer Interaction, INTERACT 2009, LNCS 5727, Part II (pp. 138-142), Uppsala, Sweden: Springer Verlag, August 24-28, 2009.
  12. 12. Tselios N., Katsanos C., Avouris N. (2007) Beyond user centered design: A web design approach based on information foraging theory. In Proceedings of Workshop Are New Methods Needed in User-Centered System Design?, INTERACT 2007, Rio de Janeiro, Brazil, 10-14 September 2007
  13. 13. Katsanos C., Tselios N., Avouris N., (2006). InfoScent Evaluator: A semi-automated tool to evaluate hyperlinks’ semantic appropriateness of a web site. In Proceedings of OZCHI 2006 (pp. 373 – 376). Sydney: ACM Press.</li></ul>ISEtool – Links’ Labeling<br />
  14. 14. Method Overview<br />“Information Scent” = Semantic Similarity Measure (e.g. LSA)<br />Parser<br />Navigability Issues<br /> Evaluated Web Page<br />Page Level<br /> Competing Links<br /> Weak Scent<br /> Unfamiliar Words<br />Links Properties Table<br />UserGoal in Text<br />Site Level<br />‘Bad’ Scent Trail<br />
  15. 15. Tool Interface<br />User goal<br />Internal Browser<br />Links Properties Table<br />Weak Scent Link<br />
  16. 16. 2 Validation Eye-Tracking Studies<br />
  17. 17. Advantages of proposed tool-based approach<br />Cost-effective (time & resources)<br />Explore alternative solutions early<br />Simple to learn and apply<br />Easy to apply for large sites (&gt;100)<br />Can be easily incorporated in popular web development IDEs<br />Valuable for sites that have totally unfamiliar domain to the practitioner <br />Possibility for wider adoption<br />Complementary to user-based methods <br />
  18. 18. <ul><li>http://hci.ece.upatras.gr
  19. 19. Download papers related to the research presented
  20. 20. Ask to try out the tools
  21. 21. Comments, Feedback or any Inquiries
  22. 22. ckatsanos@ece.upatras.gr</li></ul>Thank you!<br />

×