From the Book: You are probably wondering how this book is any different from the numerous other Web design books out there. This unique book is not about programming or any specific technology. Nor is it a quick fix for all of the problems you and your team will face in developing a Web siteno single book can do that. What this book does offer are principles, processes, and patterns so you can develop successful customer-centered Web sites. With this customer-centered focus, your Web site can be relevant, self-explanatory, and easy-to-use. Creating a Web site is easy. Creating a successful Web site that provides a winning experience for your target audience is another story, and that is what this book is about. And when you are finished, it will be a valuable reference tool to keep on your desk. You can turn to it again and again as you design, redesign, and evaluate sites. Certainly, your target customers1 will differ. Depending on your business, they might be members in a club, or students of a university, or concerned citizens, or paying shoppers. The goals of each of these audiences will also vary, but the challenge is the same: creating an interactive interface that provides tangible value to the people who go there. The patterns in this book provide you and your team with a common language to articulate an infinite variety of Web designs. We developed the language because we saw people solving the same design problems over and over again at great time and expense. The patterns examine solutions to these problems. Here are our best practices from our consulting experience, our research experience, and our Web development experience, put together inone place. In The Design of Sites, we give you the tools to understand your customers better, help you design sites your customers will find effective and easy-to-use, shorten your development schedules, and reduce maintenance costs. If you do not have "customers," think of "target audiences." One focus of the book is on designing e-commerce Web sites; however, you can successfully apply the majority of the content to make any Web site better. Who Should Read This Book This book is written for anyone involved in the design and implementation of a Web site. Its focus is tilted more towards Web design professionals, such as interaction designers, usability engineers, information architects, and visual designers. But this book is also written to be a resource for anyone on a Web development team, from business executives to advertising mangers to software developers to content editors. The best possible team will understand and buy into the customer-centered design philosophy, because every person on the team influences how the Web site is shaped and formed. Web design professionals. Start with Chapters 1 and 2 to understand the motivation for customer-centered design and the patterns approach to Web design. If you already have a strong background in the principles (Chapters 3 and 4) and processes of customer-centered design (Chapter 5), you can skim these chapters and move quickly to the patterns themselves (Part II of the book). If you have less experience, these three chapters on customer-centered design and development should prove useful for whatever kind of Web site you are developing. Business managers. Please read Chapters 1 through 5 to understand the business consequences of ignoring customer-centered design, as well as to learn the principles and processes required to build a customer-centered site. If you manage an e-commerce site, the risk of project failure is greatest. These chapters show techniques you can use to reduce this risk, decrease feature creep, and minimize implementation and maintenance costs. Customer-centered design will also help you shorten development schedules and increase overall customer satisfactionand consequently, client satisfaction too. Business clients. If you are the client who funds development of a Web site, read the first five chapters. Since you are paying, you will be especially interested in why there is such an urgent need for a strong customer focus, and what steps design teams can take to ensure that your customers' needs are met. You will see why these steps will actually reduce your costs and give you happier, more loyal customers. Benefits of Using The Design of Sites We know that improving your customers' Web experience will take more than reading this book. The principles, processes, and patterns in this book are not a magic solution to your problems. However, by putting them into practice in the design and evaluation of your Web sites, you will improve the overall customer experience. Success requires an extreme focus on customer needs, but one that will pay off in the long run. Your work will result in the following benefits: Improved customer satisfaction. By focusing on your customers throughout the development process, you will discover their needs, design Web sites for those needs, and evaluate those designs to ensure that the needs are met. You will test your site iteratively with representative customers to make certain that you work out the majority of problems before they cause serious problems, and before they become expensive to fix. Customer-centered design concentrates on making sure you are building the right features on your Web site, and that you are building those features right! A balanced approach to Web design. Too many books read like ancient scripture, as in "Thou shalt do this" and "Thou shalt not do that." Such approaches are too dogmatic for Web design, which needs to be flexible and adaptable to a wide range of situations. The Web has led to more customer diversity, as well as a wider range of customer goals and tasks than was commonly seen in the past. However, we also acknowledge that customer needs must also be balanced with your business goals, usability requirements, aesthetics, and technological constraints. That is why we aimed for general principles, processes, and patterns that can be applied to many Web site genres. We integrated the three together in one book because each is part of a comprehensive solution: the patterns provide a language for building Web sites; the principles and processes provide the instructions on how to use the language. Incremental improvement of design practices. It is unlikely that anyone has time to read and put into practice an entire book about designing customer-centered Web sites in a short period of time. So we have divided this book into many small, digestible parts. The first five chapters describe the key ideas behind customer-centered design. The rest of the book is devoted to Web design patterns that can be applied to practically any Web site. You can skip around, mix and match, skim, and sample what you need. This is not a book that you must read from cover to cover. The ideas in this book do not require a wholesale adoption. You can take small parts at a time and try them out to see what works for you. In fact, we encourage many small steps instead of a few big leaps, because it takes time to become practiced in the many ideas presented here. For example, you could improve your design practices by using the design patterns that comprise the bulk of this book. Or you can use some of the techniques described in the first part of the book, such as observing some representative customers using your site. It can often be a humbling experience, but it will help ground your perceptions in the way your customers think, and, in the long run, improve the overall design of your site. Conventions Used in This Book The following typographical conventions are used in this book: Constant width courier type
Cited By
- Lamine Y and Cheng J (2022). Understanding and supporting the design systems practice, Empirical Software Engineering, 27:6, Online publication date: 1-Nov-2022.
- Lupetti M, Zaga C and Cila N Designerly Ways of Knowing in HRI Proceedings of the 2021 ACM/IEEE International Conference on Human-Robot Interaction, (389-398)
- Kumar A and Arora A (2019). An ANFIS-based compatibility scorecard for IoT integration in websites, The Journal of Supercomputing, 76:4, (2568-2596), Online publication date: 1-Apr-2020.
- Cortiñas M, Chocarro R and Villanueva A Image, brand and price info Proceedings of the 11th ACM Symposium on Eye Tracking Research & Applications, (1-8)
- Chilton L, Petridis S and Agrawala M VisiBlends Proceedings of the 2019 CHI Conference on Human Factors in Computing Systems, (1-14)
- Chiton L, Petridis S and Agrawala M An Interactive Pipeline for Creating Visual Blends Adjunct Proceedings of the 31st Annual ACM Symposium on User Interface Software and Technology, (188-190)
- Iñiguez-Jarrín C, Panach J and Pastor López O Defining Interaction Design Patterns to Extract Knowledge from Big Data Advanced Information Systems Engineering, (490-504)
- Hukerikar and Engelmann (2017). Resilience Design Patterns, Supercomputing Frontiers and Innovations: an International Journal, 4:3, (4-42), Online publication date: 15-Sep-2017.
- Cremonesi P, Elahi M and Garzotto F (2017). User interface patterns in recommendation-empowered content intensive multimedia applications, Multimedia Tools and Applications, 76:4, (5275-5309), Online publication date: 1-Feb-2017.
- Wania C Investigating an author's influence using citation analyses Proceedings of the 78th ASIS&T Annual Meeting: Information Science with Impact: Research in and for the Community, (1-10)
- Cremonesi P, Elahi M and Garzotto F Interaction Design Patterns in Recommender Systems Proceedings of the 11th Biannual Conference of the Italian SIGCHI Chapter, (66-73)
- Kim J, Dontcheva M, Li W, Bernstein M and Steinsapir D Motif Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems, (1211-1220)
- Hirata I and Yamaoka T A logical design method for user interface using GUI design patterns Proceedings of the 15th international conference on Human-Computer Interaction: human-centred design approaches, methods, tools, and environments - Volume Part I, (361-370)
- Löwgren J (2013). Annotated portfolios and other forms of intermediate-level knowledge, Interactions, 20:1, (30-34), Online publication date: 1-Jan-2013.
- Barišić A, Monteiro P, Amaral V, Goulão M and Monteiro M Patterns for evaluating usability of domain-specific languages Proceedings of the 19th Conference on Pattern Languages of Programs, (1-34)
- Höök K and Löwgren J (2012). Strong concepts, ACM Transactions on Computer-Human Interaction, 19:3, (1-18), Online publication date: 1-Oct-2012.
- White B Visualizing mobile design pattern relationships Proceedings of the 14th international conference on Human-computer interaction with mobile devices and services companion, (71-76)
- Beale R and Bordbar B Pattern tool support to guide interface design Proceedings of the 13th IFIP TC 13 international conference on Human-computer interaction - Volume Part II, (359-375)
- Todd E, Kemp E and Phillips C UMM Proceedings of the 12th Annual Conference of the New Zealand Chapter of the ACM Special Interest Group on Computer-Human Interaction, (33-40)
- Hübscher C, Pauwels S, Roth S, Bargas-Avila J and Opwis K (2011). The organization of interaction design pattern languages alongside the design process, Interacting with Computers, 23:3, (189-201), Online publication date: 1-May-2011.
- Khambete P A pattern language for touch point ecosystem user experience Proceedings of the 3rd Indian Conference on Human-Computer Interaction, (68-74)
- Dekker A Social software and interactions in web design Proceedings of the 22nd Conference of the Computer-Human Interaction Special Interest Group of Australia on Computer-Human Interaction, (428-431)
- Forbrig P and Wolff A Different kinds of pattern support for interactive systems Proceedings of the 1st International Workshop on Pattern-Driven Engineering of Interactive Computing Systems, (36-39)
- Kruschitz C and Hitz M Bringing formalism and unification to human-computer interaction design patterns Proceedings of the 1st International Workshop on Pattern-Driven Engineering of Interactive Computing Systems, (20-23)
- Vieritz H, Schilberg D and Jeschke S Merging web accessibility and usability by patterns Proceedings of the 12th international conference on Computers helping people with special needs: Part I, (336-342)
- Díaz P, Aedo I, Rosson M and Carroll J A visual tool for using design patterns as pattern languages Proceedings of the International Conference on Advanced Visual Interfaces, (67-74)
- Kruschitz C and Hitz M Analyzing the HCI design pattern variety Proceedings of the 1st Asian Conference on Pattern Languages of Programs, (1-8)
- Kim D and Benbasat I (2010). Designs for effective implementation of trust assurances in internet stores, Communications of the ACM, 53:2, (121-126), Online publication date: 1-Feb-2010.
- Blas N, Garzotto F and Poggi C (2009). Web Engineering at the Frontier of the Web 2.0, World Wide Web, 12:4, (345-379), Online publication date: 1-Dec-2009.
- Lee C, Tang S, Tsai C and Chen Y (2009). Toward a new paradigm, WSEAS Transactions on Information Science and Applications, 6:10, (1675-1686), Online publication date: 1-Oct-2009.
- Lee C, Tang S and Tsai C A new paradigm Proceedings of the 11th WSEAS international conference on Mathematical methods and computational techniques in electrical engineering, (62-67)
- Golden E Helping software architects design for usability Proceedings of the 1st ACM SIGCHI symposium on Engineering interactive computing systems, (317-320)
- Kudelka M, Snasel V, Horak Z and Abraham A Web Site Description Based on Genres and Web Design Patterns Proceedings of the 2009 International Workshop on Social Informatics, (68-73)
- Wania C and Atwood M Pattern languages in the wild Proceedings of the 4th International Conference on Design Science Research in Information Systems and Technology, (1-15)
- Kruschitz C XPLML CHI '09 Extended Abstracts on Human Factors in Computing Systems, (4117-4122)
- Reul M Bringing usability to industrial control systems CHI '09 Extended Abstracts on Human Factors in Computing Systems, (3335-3340)
- Zimmerman J Designing for the self Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, (395-404)
- Santangelo A, Gentile A, Vella G, Ingraffia N and Liotta M (2009). XPL the eXtensible presentation language, Mobile Information Systems, 5:2, (125-139), Online publication date: 1-Apr-2009.
- Díaz P, Rosson M, Aedo I and Carroll J Web Design Patterns Proceedings of the 2nd International Symposium on End-User Development - Volume 5435, (186-204)
- Sanchez M, Moreno M, Segrera S and Lopez V (2008). Framework for the development of a personalised recommender system with integrated web-mining functionalities, International Journal of Computer Applications in Technology, 33:4, (312-319), Online publication date: 1-Jan-2009.
- Kudelka M, Snášel V, Horák Z and Hassanien A Web Communities Defined by Web Page Content Proceedings of the 2008 IEEE/WIC/ACM International Conference on Web Intelligence and Intelligent Agent Technology - Volume 03, (385-389)
- Ratzka A Explorative studies on multimodal interaction in a PDA- and desktop-based scenario Proceedings of the 10th international conference on Multimodal interfaces, (121-128)
- Lim Y, Stolterman E and Tenenberg J (2008). The anatomy of prototypes, ACM Transactions on Computer-Human Interaction, 15:2, (1-27), Online publication date: 1-Jul-2008.
- Wong J and Hong J What do we Proceedings of the 4th international workshop on End-user software engineering, (35-39)
- Kahn P, Freier N, Kanda T, Ishiguro H, Ruckert J, Severson R and Kane S Design patterns for sociality in human-robot interaction Proceedings of the 3rd ACM/IEEE international conference on Human robot interaction, (97-104)
- Hendry D and Friedman B Theories and practice of design for information systems Proceedings of the 7th ACM conference on Designing interactive systems, (435-444)
- Kudělka M, Snášel V, Lehečka O, El-Qawasmeh E and Pokorný J Web pages reordering and clustering based on web patterns Proceedings of the 34th conference on Current trends in theory and practice of computer science, (731-742)
- Radeke F and Forbrig P Patterns in task-based modeling of user interfaces Proceedings of the 6th international conference on Task models and diagrams for user interface design, (184-197)
- Kocibova J, Klos K, Lehecka O, Kudelka M and Snasel V Web Page Analysis Proceedings of the 2007 IEEE/WIC/ACM International Conferences on Web Intelligence and Intelligent Agent Technology - Workshops, (221-225)
- Coyette A, Schimke S, Vanderdonckt J and Vielhauer C Trainable sketch recognizer for graphical user interface design Proceedings of the 11th IFIP TC 13 international conference on Human-computer interaction, (124-135)
- Märtin C and Roski A Structurally supported design of HCI pattern languages Proceedings of the 12th international conference on Human-computer interaction: interaction design and usability, (1159-1167)
- Kunert T and Krömker H A pattern-based framework for the exploration of design alternatives Proceedings of the 12th international conference on Human-computer interaction: interaction design and usability, (1119-1128)
- Kamthan P (2007). Towards a systematic approach for the credibility of humancentric web applications, Journal of Web Engineering, 6:2, (99-120), Online publication date: 1-Jun-2007.
- Taylor R and van der Hoek A Software Design and Architecture The once and future focus of software engineering 2007 Future of Software Engineering, (226-243)
- Pinho I, Rego A and Kastenholz E Satisfier and dissatisfier factors of websites users Proceedings of the 2007 Euro American conference on Telematics and information systems, (1-8)
- Kam M, Ramachandran D, Devanathan V, Tewari A and Canny J Localized iterative design for language learning in underdeveloped regions Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, (1097-1106)
- Zimmerman J, Forlizzi J and Evenson S Research through design as a method for interaction design research in HCI Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, (493-502)
- Wania C and Atwood M aIRPLane CHI '07 Extended Abstracts on Human Factors in Computing Systems, (2741-2746)
- Glenn B (2007). Review of "Shape: Talking About Seeing and Doing by George Stiny," MIT Press, 2006, ISBN 0262195313, $38.50, Interactions, 14:1, (52-ff), Online publication date: 1-Jan-2007.
- Hughes M (2007). A pattern language for user assistance, Interactions, 14:1, (27-29), Online publication date: 1-Jan-2007.
- Moreira A and Pimenta M Reuso de interfaces através de padrões concretos de interação Proceedings of VII Brazilian symposium on Human factors in computing systems, (41-44)
- Deng J, Kemp E and Todd E Focussing on a standard pattern form Proceedings of the 7th ACM SIGCHI New Zealand chapter's international conference on Computer-human interaction: design centered HCI, (83-90)
- Kemp E and Setungamudalige D A resource support toolkit (R-IDE) Proceedings of the 7th ACM SIGCHI New Zealand chapter's international conference on Computer-human interaction: design centered HCI, (61-66)
- Harrison S, Back M and Tatar D "It's Just a Method!" Proceedings of the 6th conference on Designing Interactive systems, (261-270)
- Saponas T, Prabaker M, Abowd G and Landay J The impact of pre-patterns on the design of digital home applications Proceedings of the 6th conference on Designing Interactive systems, (189-198)
- Agg J Harvesting versus creating Proceedings of the 17th Australia conference on Computer-Human Interaction: Citizens Online: Considerations for Today and the Future, (1-4)
- Agg J OZCHI 2005 Proceedings of the 17th Australia conference on Computer-Human Interaction: Citizens Online: Considerations for Today and the Future, (1-5)
- Coyette A and Vanderdonckt J A sketching tool for designing anyuser, anyplatform, anywhere user interfaces Proceedings of the 2005 IFIP TC13 international conference on Human-Computer Interaction, (550-564)
- Cowley N and Wesson J An experiment to measure the usefulness of patterns in the interaction design process Proceedings of the 2005 IFIP TC13 international conference on Human-Computer Interaction, (1142-1145)
- Montero F, López-Jaquero V, Vanderdonckt J, González P, Lozano M and Limbourg Q Solving the mapping problem in user interface design by seamless integration in IDEALXML Proceedings of the 12th international conference on Interactive Systems: design, specification, and verification, (161-172)
- Deng J, Kemp E and Todd E Managing UI pattern collections Proceedings of the 6th ACM SIGCHI New Zealand chapter's international conference on Computer-human interaction: making CHI natural, (31-38)
- Gaffar A, Sinnig D, Seffah A and Forbrig P Modeling patterns for task models Proceedings of the 3rd annual conference on Task models and diagrams, (99-104)
- Chung E, Hong J, Lin J, Prabaker M, Landay J and Liu A Development and evaluation of emerging design patterns for ubiquitous computing Proceedings of the 5th conference on Designing interactive systems: processes, practices, methods, and techniques, (233-242)
- Hendry D Communication functions and the adaptation of design representations in interdisciplinary teams Proceedings of the 5th conference on Designing interactive systems: processes, practices, methods, and techniques, (123-132)
- Hong J, Ng J, Lederer S and Landay J Privacy risk models for designing privacy-sensitive ubiquitous computing systems Proceedings of the 5th conference on Designing interactive systems: processes, practices, methods, and techniques, (91-100)
- Ziegler J and Specker M Navigation patterns Proceedings of the 2004 international conference on Engineering Human Computer Interaction and Interactive Systems, (224-227)
- Kobsa A and Teltzrow M Contextualized communication of privacy practices and personalization benefits Proceedings of the 4th international conference on Privacy Enhancing Technologies, (329-343)
- Marcus A (2004). Patterns within patterns, Interactions, 11:2, (28-34), Online publication date: 1-Mar-2004.
- Todd E, Kemp E and Phillips C What makes a good user interface pattern language? Proceedings of the fifth conference on Australasian user interface - Volume 28, (91-100)
- Zajicek M Patterns for encapsulating speech interface design solutions for older adults Proceedings of the 2003 conference on Universal usability, (54-60)
- Todd E, Kemp E and Phillips C Validating user interface pattern languages Proceedings of the 4th Annual Conference of the ACM Special Interest Group on Computer-Human Interaction, (125-126)
- Zajicek M (2002). Patterns for encapsulating speech interface design solutions for older adults, ACM SIGCAPH Computers and the Physically Handicapped:73-74, (54-60), Online publication date: 17-Jun-2002.
Index Terms
- The Design of Sites: Patterns, Principles, and Processes for Crafting a Customer-Centered Web Experience