界面设计模式

Introduction to the Second EditionPreface1. What Users Do A Means to an End The Basics of User Research Users' Motivation to Learn The Patterns Safe Exploration Instant Gratification Satisficing Changes in Midstream Deferred Choices Incremental Construction Habituation Microbreaks Spatial Memory Prospective Memory Streamlined Repetition Keyboard Only Other People's Advice Personal Recommendations2. Organizing the Content: Information Architecture and Application Structure The Big Picture The Patterns Feature, Search, and Browse News Stream Picture Manager Dashboard Canvas Plus Palette Wizard Settings Editor A|ternatNe Views Many Workspaces Multi-Level Help3. Getting Around: Navigation, Signposts, and Wayfinfling Staying Found The Cost of Navigation Navigational Models Design Conventions for Websites The Patterns Clear Entry Points Menu Page Pyramid Modal Panel Deep-linked State Escape Hatch Fat Menus Sitemap Footer Sign-in Tools Sequence Map Breadcrumbs Annotated Scrollbar Animated Transition4. Organizing the Page: Layout of Page Elements The Basics of Page Layout The Patterns Visual Framework Center Stage Grid of Equals Titled Sections Module Tabs Accordion Collapsible Panels Movable Panels Right/Left Alignment Diagonal Balance Responsive Disclosure Responsive Enabling Liquid Layout 5. Lists of Things Use Cases for Lists Back to Information Architecture Some Solutions The Patterns Two- Panel Selector One-Window Drilldown List Inlay Thumbnail Grid Carousel Row Striping Pagination lump to Item Alphabet ScroUer Cascading Lists Tree Table New-Item Row6. Doing Things:Actions and Commands Pushing the Boundaries The Patterns Button Groups Hover Tools Action Panel Prominent "Done" Button Smart Menu Items Preview Progress Indicator Cancelability Multi-Level Undo Command History Macros7. Showing Complex Data: Trees, Charts, and Other Information Graphics The Basics of Information Graphics The Patterns Overview Plus Detail Datatips Data Spotlight Dynamic Queries Data Brushing Local Zooming Sortable Table Radial Table Multi-Y Graph Small Multiples Treemap8. Getting Input from Users: Forms and Controls The Basics of Form Design Control Choice The Patterns Forgiving Format Structured Format Fill-in-the-Blanks Input Hints Input Prompt Password Strength Meter Autocompletion Dropdown Chooser List Builder Good Defaults Same-Page Error Messages9. Using SociaI Media What This Chapter Does Not Cover The Basics of Social Media The Patterns Editorial Mix Personal Voices Repost and Comment Conversation Starters Inverted Nano-pyramid Timing Strategy Specialized Streams Social Links Sharing Widget News Box Content Leaderboard Recent Chatter10. Going Mobile The Challenges of Mobile Design The Patterns Vertical Stack Filmstrip Touch Tools Bottom Navigation Thumbnail-and-Text List Infinite List Generous Borders Text Clear Button Loading Indicators Richly Connected Apps Streamlined Branding11. Making It Look Goofl: Visual Style and Aesthetics Same Content, Different Styles The Basics of Visual Design What This Means for Desktop Applications The Patterns Deep Background Few Hues, Many Values Corner Treatments Borders That Echo Fonts Hairlines Contrasting Font Weights Skins and Themes ReferencesIndex

Introduction to the Second EditionPreface1. What Users Do A Means to an End The Basics of User Research Users' Motivation to Learn The Patterns Safe Exploration Instant Gratification Satisficing Changes in Midstream Deferred Choices Incremental Construction Habituation Microbreaks Spatial Memory Prospective Memory Streamlined Repetition Keyboard Only Other People's Advice Personal Recommendations2. Organizing the Content: Information Architecture and Application Structure The Big Picture The Patterns Feature, Search, and Browse News Stream Picture Manager Dashboard Canvas Plus Palette Wizard Settings Editor A|ternatNe Views Many Workspaces Multi-Level Help3. Getting Around: Navigation, Signposts, and Wayfinfling Staying Found The Cost of Navigation Navigational Models Design Conventions for Websites The Patterns Clear Entry Points Menu Page Pyramid Modal Panel Deep-linked State Escape Hatch Fat Menus Sitemap Footer Sign-in Tools Sequence Map Breadcrumbs Annotated Scrollbar Animated Transition4. Organizing the Page: Layout of Page Elements The Basics of Page Layout The Patterns Visual Framework Center Stage Grid of Equals Titled Sections Module Tabs Accordion Collapsible Panels Movable Panels Right/Left Alignment Diagonal Balance Responsive Disclosure Responsive Enabling Liquid Layout 5. Lists of Things Use Cases for Lists Back to Information Architecture Some Solutions The Patterns Two- Panel Selector One-Window Drilldown List Inlay Thumbnail Grid Carousel Row Striping Pagination lump to Item Alphabet ScroUer Cascading Lists Tree Table New-Item Row6. Doing Things:Actions and Commands Pushing the Boundaries The Patterns Button Groups Hover Tools Action Panel Prominent "Done" Button Smart Menu Items Preview Progress Indicator Cancelability Multi-Level Undo Command History Macros7. Showing Complex Data: Trees, Charts, and Other Information Graphics The Basics of Information Graphics The Patterns Overview Plus Detail Datatips Data Spotlight Dynamic Queries Data Brushing Local Zooming Sortable Table Radial Table Multi-Y Graph Small Multiples Treemap8. Getting Input from Users: Forms and Controls The Basics of Form Design Control Choice The Patterns Forgiving Format Structured Format Fill-in-the-Blanks Input Hints Input Prompt Password Strength Meter Autocompletion Dropdown Chooser List Builder Good Defaults Same-Page Error Messages9. Using SociaI Media What This Chapter Does Not Cover The Basics of Social Media The Patterns Editorial Mix Personal Voices Repost and Comment Conversation Starters Inverted Nano-pyramid Timing Strategy Specialized Streams Social Links Sharing Widget News Box Content Leaderboard Recent Chatter10. Going Mobile The Challenges of Mobile Design The Patterns Vertical Stack Filmstrip Touch Tools Bottom Navigation Thumbnail-and-Text List Infinite List Generous Borders Text Clear Button Loading Indicators Richly Connected Apps Streamlined Branding11. Making It Look Goofl: Visual Style and Aesthetics Same Content, Different Styles The Basics of Visual Design What This Means for Desktop Applications The Patterns Deep Background Few Hues, Many Values Corner Treatments Borders That Echo Fonts Hairlines Contrasting Font Weights Skins and Themes ReferencesIndex
· · · · · · (收起)