Vora Web Application Design Patterns

1. Auflage 2009
ISBN: 978-0-08-092145-7
Verlag: Elsevier Science & Techn.
Format: EPUB
Kopierschutz: 6 - ePub Watermark

E-Book, Englisch, 448 Seiten

Reihe: Interactive Technologies

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.

Pawan Vora is the founder and president of Alpha Cube, Inc., a user experience design consultancy focused on designing, reviewing, and evaluating user interfaces for software and web-based applications. He has been a user experience professional for more than 14 years and has designed user interfaces for a range of applications for business-to-consumer, business-to-business, consumer-to-consumer, and business-to-employee environments. He has published and conducted a number of tutorials and in-house training workshops on web site design, web application design, and design patterns in the United States and internationally.
Pawan has a Ph.D. and M.S. in industrial engineering from the State University of New York at Buffalo in addition to his bachelor's degrees in production engineering and mechanical engineering from Victoria Jubilee Technical Institute in Mumbai, India.

Autoren/Hrsg.

Vora, Pawan

Inhaltsverzeichnis

1;FRONT COVER;1
2;WEB APPLICATION DESIGN PATTERNS;4
3;COPYRIGHT PAGE;5
4;CONTENTS;8
5;ACKNOWLEDGMENTS;12
6;ABOUT THE AUTHOR;14
7;CHAPTER 1: Introduction;16
7.1;Introduction;16
7.2;Benefits of Web Applications;16
7.3;Challenges to Designing Interfaces for Web Applications;20
7.4;Design Patterns;24
7.5;Documenting Patterns;25
7.6;Organization of the Patterns in This Book;26
7.7;Using Patterns in This Book;29
7.8;Companion Web Site;29
8;CHAPTER 2: Forms;30
8.1;Introduction;30
8.2;Clear Benefits;31
8.3;Short Forms;33
8.4;Logical Grouping;37
8.5;Label Alignment;39
8.6;Required Field Indicators;42
8.7;Smart Defaults;45
8.8;Forgiving Format;47
8.9;Keyboard Navigation;49
8.10;Input Hints/Prompts;52
8.11;Action Buttons;55
8.12;Error Messages;60
9;CHAPTER 3: User Authentication;64
9.1;Introduction;64
9.2;Registration;64
9.3;CAPTCHA;73
9.4;Log In;76
9.5;Log Out;84
9.6;Automatic Logout;86
9.7;Forgot Username/Password;89
10;CHAPTER 4: Application Main Page;94
10.1;Introduction;94
10.2;Inbox;95
10.3;Control Panel;96
10.4;Dashboard;99
10.5;Portal;105
10.6;Personalization;109
10.7;Customization;113
10.8;Blank Slate;121
11;CHAPTER 5: Navigation;126
11.1;Introduction;126
11.2;Primary Navigation;127
11.3;Secondary Navigation;132
11.4;Utility Navigation;135
11.5;Faceted Navigation;137
11.6;Supplementary Navigation;141
11.7;Tag Clouds;143
11.8;Breadcrumbs;148
11.9;Wizards;151
12;CHAPTER 6: Searching and Filtering;158
12.1;Introduction;158
12.2;Simple Search;159
12.3;Parametric Search;164
12.4;Advanced Search;166
12.5;Search Tips;170
12.6;Search Results;172
12.7;Sorting;179
12.8;Pagination;180
12.9;Continuous Scrolling;185
12.10;Filtering;187
12.11;Faceted Search;189
12.12;Saved Searches;191
13;CHAPTER 7: Lists;196
13.1;Introduction;196
13.2;Simple List;197
13.3;Tabular List;200
13.4;Hierarchical List;206
13.5;Event List;210
13.6;Timelines;213
13.7;Image Lists/Grids;217
13.8;Maps;221
13.9;List Actions;227
13.10;List Utility Functions;235
14;CHAPTER 8: Rich Internet Applications;240
14.1;Introduction;240
14.2;Rich-Text Editor;241
14.3;Rich Form;244
14.4;Autosuggest/Autocompletion;246
14.5;Edit-in-Place;249
14.6;Overview-Plus-Detail;251
14.7;Dynamic Querying;253
14.8;Live Preview;254
14.9;Drag-and-Drop;256
14.10;Slider;260
14.11;Animations/Transitions;262
14.12;Delay/Progress Indicators;266
14.13;Spotlight/Yellow-Fade;268
14.14;Carousel;270
14.15;Usability Issues Inherent with RIAs;271
15;CHAPTER 9: Social Applications;274
15.1;Introduction;274
15.2;Add/Upload Content;275
15.3;Tagging;278
15.4;Ratings;282
15.5;Reviews;287
15.6;Vote to Promote;289
15.7;User Profile;292
15.8;Reputation;298
15.9;Discover Network Members;302
15.10;Friend List;306
15.11;Groups and Special-Interest Communities;308
15.12;Messaging;312
15.13;Presence Indicator;314
15.14;Sharing;316
15.15;Collaboration;320
16;CHAPTER 10: Internationalization;326
16.1;Introduction;326
16.2;Extensible Design;327
16.3;Date Format;336
16.4;Time Format;339
16.5;Number Format;341
16.6;Currency and Currency Format;344
16.7;Global Gateway;347
16.8;Language Selector;349
17;CHAPTER 11: Accessibility;354
17.1;Introduction;354
17.2;Progressive Enhancement;356
17.3;Semantic Markup;357
17.4;Unobtrusive Style Sheets;360
17.5;Unobtrusive JavaScript;362
17.6;Accessible Forms;364
17.7;Accessible Images;367
17.8;Accessible Tables;371
17.9;Accessible Navigation;374
17.10;Accessible Alternative;376
17.11;Accessibility and Rich Internet Applications;378
18;CHAPTER 12: Visual Design;380
18.1;Introduction;380
18.2;Liquid-Width Layout;381
18.3;Fixed-Width Layout;383
18.4;Progressive Layout;386
18.5;Grid Structure;388
18.6;Visual Hierarchy;391
18.7;Highlight;395
18.8;Icons;398
19;CHAPTER 13: Pattern Libraries;404
19.1;Introduction;404
19.2;Pattern Library;404
20;REFERENCES;420
21;INDEX;432
21.1;A;432
21.2;B;433
21.3;C;433
21.4;D;434
21.5;E;434
21.6;F;435
21.7;G;436
21.8;H;436
21.9;I;436
21.10;J;437
21.11;K;437
21.12;L;437
21.13;M;438
21.14;N;438
21.15;O;439
21.16;P;439
21.17;Q;440
21.18;R;440
21.19;S;441
21.20;T;442
21.21;U;443
21.22;V;444
21.23;W;444
21.24;X;444
21.25;Y;444
21.26;Z;444