{"id":20518,"date":"2023-02-02T03:50:27","date_gmt":"2023-02-02T03:50:27","guid":{"rendered":"https:\/\/www.booksofall.com\/id\/?post_type=product&p=20518"},"modified":"2023-02-07T08:38:23","modified_gmt":"2023-02-07T08:38:23","slug":"web-style-guide","status":"publish","type":"product","link":"https:\/\/www.booksofall.com\/id\/web-style-guide\/","title":{"rendered":"Web Style Guide"},"content":{"rendered":"

User experience<\/a> is an overarching consideration that involves a wide range of activities by anyone who makes decisions and takes actions that affect how people experience a web site. Every person on the web development team has a role to play. On many sites, users are active contributors, which means that they also influence whether a web site offers an enjoyable and accessible user experience. And providing a good user experience is a critical factor in the success of any enterprise. Nothing is better for building a loyal following than providing a good experience, where people are successful in accessing and using content and features that they value.<\/p>\n

When we posted the first version of\u00a0Web Style Guide<\/i> on the web in 1993, \u201cuser experience\u201d wasn\u2019t a thing. The web offered only rudimentary design options and basic interaction through hyperlinks. Our guidance focused on basic best practices within the constrained available options: how to title a page to support scanning in a list of bookmarks, how to structure text to accommodate the reading habits of online readers. Over time and with subsequent editions, we were able to offer guidance on more attributes, such as page design and graphic design, as web technologies became more powerful and robust. Our early editions focused on the craft of web design, teaching how to use the available tools and materials to best effect. These editions had lots of code examples and coverage of technical concerns, like image and video compression algorithms, because building a web site meant knowing how to trick a rudimentary hypertext markup language into performing feats of graphic design, and how to deliver data-intensive images and media to people on slow modems. There was much more science than art in the early web.<\/p>\n

Things have changed, and so has\u00a0Web Style Guide<\/i>. Now, more than twenty years later, the technology platform<\/a> is more mature. Users are more demanding\u2014less willing to compromise\u2014and they expect to encounter accessible and usable sites. Organizations are realizing the importance of design and are adopting a more strategic approach to designing and delivering quality experiences. This fourth edition of\u00a0Web Style Guide<\/i> reflects a more serious and mature environment\u2014 one focused on users, not technology. It has fewer code samples. Knowledge of HTM<\/a>L and CSS<\/a> is no longer required to be an effective web professional (although knowing what\u2019s happening under the hood remains a distinct advantage). A new strategy chapter acknowledges that good user experience and effective design require vision and understanding. The next chapter, on research, demonstrates that understanding cannot happen in a team meeting room, on a whiteboard, but requires engagement with people\u2014 in all their diversity\u2014who will use the site. And throughout the book there is a strong emphasis on quality content and interaction for meeting users\u2019 needs and preferences. Previous editions bore the subtitle\u00a0Basic Design Principles for Creating Web Sites<\/i>.<\/p>\n

This fourth edition of<\/span> Web Style Guide<\/span> reflects a more serious and mature environment\u2014 <\/span>one focused on users, not technology. It has fewer code samples. Knowledge of HTML and <\/span>CSS is no longer required to be an effective web professional (although knowing what\u2019s <\/span>happening under the hood remains a distinct advantage). A new strategy chapter <\/span>acknowledges that good user experience and effective design require vision and <\/span>understanding. The next chapter, on research, demonstrates that understanding cannot <\/span>happen in a team meeting room, on a whiteboard, but requires engagement with people\u2014 <\/span>in all their diversity\u2014who will use the site. And throughout the book there is a strong <\/span>emphasis on quality content and interaction for meeting users\u2019 needs and preferences. <\/span>Previous editions bore the subtitle<\/span> Basic Design Principles for Creating Web Sites<\/span>. The <\/span>fourth edition subtitle is<\/span> Foundations of User Experience Design<\/span>.<\/span><\/p>\n

With a shift in focus to user experience design, we mapped our chapters to the five planes of user experience described by Jesse James Garret<\/a> in his book\u00a0The Elements of User <\/i>Experience<\/i>. His classic diagram (which you can find at wsg4.link\/jjg-elements<\/a>) is both an exposition of the dimensions of user experience design and a road map for user experience in the design and development process.<\/p>\n

The process of mapping the long-standing and new chapters of\u00a0Web Style Guide<\/i> was revealing. We have over time given more attention to providing guidance for activities at the base of the framework\u2014the strategy and scope planes. Good user experiences require clear purpose and a close understanding of user needs and preferences, and successful <\/span>projects require planning. And we have added a new and critically important plane, which <\/span>we call Substance. The Substance plane is at the top of the framework, and includes text, <\/span>images, and video. The past years have seen a growing understanding that \u201ccontent is <\/a><\/span>king<\/a>,\u201d and no amount of eye candy or fancy widgets can have more impact than content <\/span>that appeals to users.<\/span><\/p>\n

Figure 1: Building on Jesse James Garret\u2019s planes of user experience, the foundations of user <\/span>experience design encompass the activities and attributes that make up accessible and enjoyable user<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"