Web Application Design Patterns

Web Application Design Patterns

4.0 1
by Pawan Vora
     
 

View All Available Formats & Editions

ISBN-10: 012374265X

ISBN-13: 9780123742650

Pub. Date: 03/09/2009

Publisher: Elsevier Science

Ever notice that—in spite of their pervasiveness—designing web applications is still challenging? While their benefits motivate their creation, there are no well-established guidelines for design. This often results in inconsistent behaviors and appearances, even among web applications created by the same company.

Design patterns for web applications,

Overview

Ever notice that—in spite of their pervasiveness—designing web applications is still challenging? While their benefits motivate their creation, there are no well-established guidelines for design. This often results in inconsistent behaviors and appearances, even among web applications created by the same company.

Design patterns for web applications, similar in concept to those for web sites and software design, offer an effective solution. In Web Application Design Patterns, Pawan Vora documents design patterns for web applications by not only identifying design solutions for user interaction problems, but also by examining the rationale for their effectiveness, and by presenting how they should be applied.

• Design interfaces faster, with a better rationale for the solutions you choose.
• Learn from over more than 100 patterns, with extensive annotation on use and extension.
• Take a short-cut into understanding the industry with more than 500 full-color screenshots and a web site for help, discussion, and a collection of additional patterns.

Product Details

ISBN-13:
9780123742650
Publisher:
Elsevier Science
Publication date:
03/09/2009
Series:
Interactive Technologies Series
Edition description:
New Edition
Pages:
448
Product dimensions:
7.50(w) x 9.20(h) x 1.10(d)

Table of Contents

Ch 1. Introduction: 1.1 WEB APPLICATIONS; 1.2 DESIGN PATTERNS; 1.3 ORGANIZATION OF PATTERNS; 1.4 USING PATTERNS IN THIS BOOK

Ch 2. Forms: 2.1 CLEAR BENEFITS; 2.2 SHORT FORMS; 2.3 LOGICAL GROUPING; 2.4 LABEL POSITION; 2.5 REQUIRED FIELD INDICATORS; 2.6 SMART DEFAULTS; 2.7 FORGIVING FORMAT; 2.8 KEYBOARD NAVIGATION; 2.9 INPUT HINTS/PROMPTS; 2.10 ACTION BUTTONS; 2.11 INFORMATIVE ERROR MESSAGES

Ch 3. Accessing and Exiting Web Applications: 3.1 REGISTER; 3.2 LOG IN; 3.3 LOG OUT; 3.4 AUTOMATIC TIMEOUT; 3.5 FORGOT LOGIN; 3.6 CAPTCHA

Ch 4. Application Main page: 4.1 HOME; 4.2 PORTAL; 4.3 DASHBOARD; 4.4 CUSTOMIZATION; 4.5 PERSONALIZATION; 4.6 SKINS

Ch 5. Navigating Applications: 5.1 GLOBAL NAVIGATION; 5.2 LOCAL NAVIGATION; 5.3 UTILITY NAVIGATION; 5.4 FACETED NAVIGATION
5.5 WIZARDS; 5.6 TAG CLOUDS; 5.7 BREADCRUMBS

Ch 6. Search and Filtering: 6.1 SIMPLE SEARCH; 6.2 PARAMETRIC SEARCH; 6.3 SEARCH RESULTS; 6.4 ADVANCED SEARCH; 6.5 SEARCH TIPS; 6.6 SEARCH PAGINATION; 6.7 CONTINUOUS SCROLLING; 6.8 SAVED SEARCHES; 6.9 SORTING; 6.10 COLUMN FILTERING; 6.11 FILTERING

Ch 7. Displaying and Manipulating Data: 7.1 GRIDS; 7.2 THREADED LISTS; 7.3 PAGINATION
7.4 CUSTOM VIEWS; 7.5 REPORTS; 7.6 PRINTER-FRIENDLY; 7.7 DETAILS; 7.8 EDITOR; 7.9 CONFIGURATOR; 7.10 COMPARISONS; 7.11 PROGRESSIVE DISCLOSURE; 7.12 UPLOAD/DOWNLOAD; 7.13 FEEDBACK/RATING; 7.14 CONTROL PANEL; 7.15 CHARTS; 7.16 ALBUM/GALLERY

Ch 8. Rich Internet Applications: 8.1 RICH-TEXT EDITOR; 8.2 RICH FORM; 8.3 AUTO-SUGGEST/AUTO-COMPLETION; 8.4 EDIT-IN-PLACE; 8.5 OVERVIEW-PLUS-DETAIL; 8.6 DYNAMIC QUERYING; 8.7 LIVE PREVIEW; 8.8 DRAG-AND-DROP; 8.9 SLIDER; 8.10 ANIMATIONS/TRANSITIONS; 8.11 DELAY/PROGRESS INDICATORS; 8.12 SPOTLIGHT/YELLOW-FADE; 8.13 CAROUSEL

Ch 9. Community and Collaboration: 9.1 USER PROFILE/AVATAR; 9.2 SPECIAL INTEREST COMMUNITY; 9.3 MY FRIENDS; 9.4 SHARED NETWORK
9.5 FEEDBACK/RATING; 9.6 RECOMMENDATION; 9.7 DISCOVER NETWORK MEMBERS; 9.8 SOCIAL RESPONSIBILITY; 9.9 SHARING; 9.10 SYNCHRONOUS/ASYNCHRONOUS MESSAGING; 9.11 SHARED SCHEDULE/CALENDAR; 9.12 HISTORY; 9.13 FORUMS; 9.14 BLOGS

Ch 10. Internationalization and Localization: 10.1 COUNTRY IDENTIFICATION; 10.2 FORMS; 10.3 LANGUAGE; 10.4 CURRENCY; 10.5 DATE

Ch 11. Help: 11.1 INLINE HELP; 11.2 CONTEXTUAL HELP; 11.3 FREQUENTLY ASKED QUESTIONS; 11.4 APPLICATION HELP; 11.5 HOW TO GUIDES/GUIDED TOURS; 11.6 HELP WIZARDS; 11.7 COMMUNITY HELP

Ch 12. Accessibility: 12.1 PROGRESSIVE ENHANCEMENT; 12.2 SEMANTIC STRUCTURE; 12.3 UNOBTRUSIVE STYLE SHEETS; 12.4 UNOBTRUSIVE JAVASCRIPT; 12.5 ACCESSIBLE FORMS; 12.6 ACCESSIBLE IMAGES; 12.7 ACCESSIBLE TABLES; 12.8 ACCESSIBLE NAVIGATION; 12.9 ACCESSIBLE ALTERNATIVE

Ch 13. Visual Design: 13.1 LIQUID-WIDTH LAYOUT; 13.2 FIXED-WIDTH LAYOUT; 13.3 PROGRESSIVE LAYOUT; 13.4 GRID STRUCTURE; 13.5 VISUAL HIERARCHY; 13.6 HIGHLIGHT; 13.7 ICONS; 13.8 VISUAL EFFECTS

Ch 14. Using Patterns and Pattern Libraries; 14.1 INTERACTION LEVEL AND PAGE LEVEL PATTERNS; 14.2 PATTERN LIBRARIES

Customer Reviews

Average Review:

Write a Review

and post it to your social network

     

Most Helpful Customer Reviews

See all customer reviews >

Web Application Design Patterns 4 out of 5 based on 0 ratings. 1 reviews.
David_Dick More than 1 year ago
From the Yahoo Home page (www.yahoo.com) I can see the weather for my area and the five day forecast, I can check email, send messages to friends, check the stock market, shop, and a whole lot more. Google maps allow me to search addresses and display maps that I can "zoom in" on to view details. It's all possible because of web applications. I have noticed, however, that some web applications are better designed than others. If Web 2.0 has any importance to you, you will appreciate the need for guidelines to create a satisfying user experience. Unfortunately, there are no guidelines to design web applications--until now. Web Application Design Patterns by Pawan Vora provides practical user interface design guidance for developing web applications by offering a "working" starting point that designers can adapt and refine to develop creative solutions. He condenses best practice methods, along with research and solid experience to create a useful reference about designing web applications. Web Application Design Patterns covers design patterns as they are used in forms, user authentication, main page, navigation, searching and filtering, and lists. The rest of the book covers Rich Internet Applications, social applications, internationalization, accessibility, visual design, and how to create pattern libraries with just the right amount of detail and examples. Each of the one hundred and twenty-two design patterns covered in this book are presented by name, the design problem(s) the pattern solves, the solution to the problem, the rationale for the design solution's effectiveness, a list of best practices describing the application of the solution and possible variations, and related design patterns. Unlike most books of this genre, he does not cover the history of the Internet and Web 2.0 as so many authors do. Instead, he describes the benefits and challenges of web applications, which prepared me to understand the rest of the book. I am impressed that Pawan Vora addressed the importance of including Help at all levels of interaction, internalization, and accessibility in sufficient detail, yet leaves me the opportunity to research them in greater detail. As a member of a society of technical communicators, I know that my colleagues will appreciate that somebody recognizes what they have been advocating for years. I am not disappointed that he does not compare and contrast the tools to create web applications. To do so would ignite a debate of why one tool is better than another, and there are just too many tools on the market. The book is rich with examples of web applications. Not only does he show examples of web applications of popular companies (i.e. Dell, Linkedin, Expedia, Adobe, and Netflix), he also shows web applications from lesser known companies (i.e. Kayak, Wufoo, and Basecamp) -- how he found them is a mystery to me. Web Application Design Patterns is a must read if you want to understand how web applications work and why they work the way they do.