Web application design handbook : best practices for web-based software

The standards for usability and interaction design for Web sites and software are well known. While not everyone uses those standards, or uses them correctly, there is a large body of knowledge, best practice, and proven results in those fields, and a good education system for teaching professionals...

Full description

Saved in:
Bibliographic Details
Main Authors Fowler, Susan L., Stanwick, Victor R.
Format eBook Book
LanguageEnglish
Published San Francisco, CA Morgan Kaufmann Publishers, is an imprint of Elsevier 2004
Elsevier Science & Technology
Morgan Kaufmann
Edition1
SeriesThe Morgan Kaufmann series in interactive technologies
Subjects
Online AccessGet full text
ISBN1558607528
9781558607521
DOI10.1016/B978-1-55860-752-1.X5000-2

Cover

Abstract The standards for usability and interaction design for Web sites and software are well known. While not everyone uses those standards, or uses them correctly, there is a large body of knowledge, best practice, and proven results in those fields, and a good education system for teaching professionals "how to." For the newer field of Web application design, however, designers are forced to reuse the old rules on a new platform. This book provides a roadmap that will allow readers to put complete working applications on the Web, display the results of a process that is running elsewhere, and update a database on a remote server using an Internet rather than a network connection. Web Application Design Handbook describes the essential widgets and development tools that will the lead to the right design solutions for your Web application. Written by designers who have made significant contributions to Web-based application design, it delivers a thorough treatment of the subject for many different kinds of applications, and provides quick reference for designers looking for some fast design solutions and opportunities to enhance the Web application experience. This book adds flavor to the standard Web design genre by juxtaposing Web design with programming for the Web and covers design solutions and concepts, such as intelligent generalization, to help software teams successfully switch from one interface to another. * The first interaction design book that focuses exclusively on Web applications.* Full-color figures throughout the book.* Serves as a "cheat sheet" or "fake book" for designers: a handy reference for standards, rules of thumb, and tricks of the trade.* Applicable to new Web-based applications and for porting existing desktop applications to Web browsers.
AbstractList The standards for usability and interaction design for Web sites and software are well known. While not everyone uses those standards, or uses them correctly, there is a large body of knowledge, best practice, and proven results in those fields, and a good education system for teaching professionals "how to." For the newer field of Web application design, however, designers are forced to reuse the old rules on a new platform. This book provides a roadmap that will allow readers to put complete working applications on the Web, display the results of a process that is running elsewhere, and update a database on a remote server using an Internet rather than a network connection. Web Application Design Handbook describes the essential widgets and development tools that will the lead to the right design solutions for your Web application. Written by designers who have made significant contributions to Web-based application design, it delivers a thorough treatment of the subject for many different kinds of applications, and provides quick reference for designers looking for some fast design solutions and opportunities to enhance the Web application experience. This book adds flavor to the standard Web design genre by juxtaposing Web design with programming for the Web and covers design solutions and concepts, such as intelligent generalization, to help software teams successfully switch from one interface to another. * The first interaction design book that focuses exclusively on Web applications.* Full-color figures throughout the book.* Serves as a "cheat sheet" or "fake book" for designers: a handy reference for standards, rules of thumb, and tricks of the trade.* Applicable to new Web-based applications and for porting existing desktop applications to Web browsers.
Author Stanwick, Victor R.
Fowler, Susan L.
Author_xml – sequence: 1
  fullname: Fowler, Susan L.
– sequence: 2
  fullname: Stanwick, Victor R.
BackLink https://cir.nii.ac.jp/crid/1130000797848847360$$DView record in CiNii
BookMark eNo9kFtLw0AQhVe0YlP7HxYRwYets_eNb7bUCxR8EfUtbJKNjQ3Zmo3277tpRQZmHuabw5mToJPWtw6hCwozClTdzFNtCCVSGgVES0bo7F0CAGFHKAEwIAzVQI9RQvdMRMwIJQxAcKCpSU_ROO6NAEblGZqG8Bmvgak01hg9vLkc2-22qQvb177FpQv1R4vXti1z7zf4Fucu9Hjb2aKvCxdw5Tu8cznJbXAlDr7qd7Zz52hU2Sa46d-coNf75cvikayeH54WdytiNec6JTlXlYyuSpUypZ3QqaxAV4K7qqJW5YwZxyTjVmhgwJg0goJVhWOlLa3RfIKuD8I2bNwurH3Th-yncYPZkMWw_jMxkb06sNvOf33HN7I9Vri272yTLecLFk3QQfTyALZ1nRX10CnlQ046KgpjhOYK-C_cmm5r
ContentType eBook
Book
DBID RYH
DEWEY 005.2/762
DOI 10.1016/B978-1-55860-752-1.X5000-2
DatabaseName CiNii Complete
DatabaseTitleList
DeliveryMethod fulltext_linktorsrc
Discipline Engineering
Computer Science
EISBN 0080481701
9780080481708
Edition 1
ExternalDocumentID 9780080481708
EBC226717
BA7190641X
GroupedDBID -VX
089
20A
38.
A4I
A4J
AAAAS
AABBV
AALRI
AAORS
AAXUO
AAYWO
AAZNM
ABARN
ABGWT
ABIAV
ABLXK
ABMAC
ABMRC
ABQPQ
ABQQC
ACHHS
ACLGV
ACXMD
ADCEY
ADVEM
AERYV
AFOJC
AGAMA
AHPGB
AHWGJ
AIXPE
AJFER
AKHYG
ALMA_UNASSIGNED_HOLDINGS
ALTAS
AMYDA
ASPBG
AVWKF
AVWMD
AZFZN
AZZ
BBABE
CETPU
CZZ
DGIFQ
DUGUG
EBSCA
ECOWB
FEDTE
GEOUK
HF4
HGY
HVGLF
INJ
IOW
IVR
JNA
JXA
MYL
OHILO
ONAOG
OODEK
P73
PQQKQ
RYH
SDK
SRW
UO7
XI1
6XM
AJLYV
DRU
IVK
ID FETCH-LOGICAL-a73379-b36f5989d69267e4795f07f43eff1a6b228e2523a470202258410a6ce2dada873
ISBN 1558607528
9781558607521
IngestDate Fri Nov 08 01:24:31 EST 2024
Wed Oct 01 00:58:27 EDT 2025
Fri Jun 27 00:47:11 EDT 2025
IsPeerReviewed false
IsScholarly false
LCCN 2004301989
LCCallNum_Ident TK5105.8883.F69 2004
Language English
LinkModel OpenURL
MergedId FETCHMERGED-LOGICAL-a73379-b36f5989d69267e4795f07f43eff1a6b228e2523a470202258410a6ce2dada873
Notes Includes bibliographical references (p. 611-632) and index
OCLC 701840215
PQID EBC226717
PageCount 689
ParticipantIDs askewsholts_vlebooks_9780080481708
proquest_ebookcentral_EBC226717
nii_cinii_1130000797848847360
PublicationCentury 2000
PublicationDate c2004
2004
2004-07-21
PublicationDateYYYYMMDD 2004-01-01
2004-07-21
PublicationDate_xml – year: 2004
  text: c2004
PublicationDecade 2000
PublicationPlace San Francisco, CA
PublicationPlace_xml – name: San Francisco, CA
– name: Chantilly
PublicationSeriesTitle The Morgan Kaufmann series in interactive technologies
PublicationYear 2004
Publisher Morgan Kaufmann Publishers, is an imprint of Elsevier
Elsevier Science & Technology
Morgan Kaufmann
Publisher_xml – name: Morgan Kaufmann Publishers, is an imprint of Elsevier
– name: Elsevier Science & Technology
– name: Morgan Kaufmann
SSID ssj0000269696
Score 1.9913952
Snippet The standards for usability and interaction design for Web sites and software are well known. While not everyone uses those standards, or uses them correctly,...
SourceID askewsholts
proquest
nii
SourceType Aggregation Database
Publisher
SubjectTerms Application software -- Development
Web databases
Web site development
Web sites
Web sites -- Design
TableOfContents Selecting Records for the Report or Set of Forms -- Scheduling Reports -- Manipulating Reports -- Ways to Sort Columns -- Ways to Change Column Order -- Saving Output -- Print for the File Folder -- Archive Output -- Save the Criteria for Formats and Output Generation -- Save Old Data -- Communication and Distribution -- Use Email -- Distribute Information About Access -- Distribute Knowledge, Not Just Data -- Export to Text Files -- Export to Data Files -- Printer-Friendly" Versions -- What to Do if There Are Too Many Records in the Report -- Solutions -- Before Starting the Report -- While Generating the Report -- When Displaying the Report -- 10 Designing Graphs and Charts -- Will This Data Make a Good Graph? -- Data Rectangles Hold the Information -- Use Grids if the Data May Be Hard to Read -- Axes Show the Variables -- Scales Show Units of Measurement -- Labels Provide Overall Meaning -- How to Use and Choose Symbols on Line and Scatterplot Graphs -- How to Separate Multiple Datasets on Line and Bar Graphs -- Interactive Methods for Separating Multiple Datasets -- 11 Graph Types Based on Use -- Simple Comparisons -- Bar Chart -- Horizontal Bar Chart -- Clustered Bar Chart -- Zero-Line Bar Chart -- Pictorial Bar Chart -- Pareto Diagrams Are Not Bar Charts -- Changes Over Time -- Line Graph -- High/Low/Close -- Candle Chart -- Statistical Analysis -- Histogram -- Rules for Formatting Histograms -- Frequency Polygon -- Pyramid Histogram -- Stem-and-Leaf Graphs -- Scatterplot -- Bubble Chart -- Proportion -- Area Charts -- Area Charts Are Cumulative -- Pie Chart -- Rules for Formatting Pie Charts -- Donut Chart Variation -- Segmented Bar Chart -- Horizontal Segmented Bar Chart -- Paired Horizontal or Vertical Bar Chart -- Zero-Line Bar Chart -- 12 Designing Diagrams -- When to Use Diagrams -- Designing Diagram Software -- Parts of a Diagram Window
Repeat Command Buttons at Top and Bottom -- Be Careful Where You Put the Buttons on Tabs and Frames -- Capture Multiple Button Presses -- You Don't Really Need "Reset," Do You? -- Include a "Find" Button -- When Losing Input Is Dangerous, Strip Out the Browser Controls -- Considering Offering Different Levels of Save -- When to Validate Input -- Mosaic Pages: Syndication and Links -- What If Part of Your Application Is Someone Else's Application? -- When to Warn That a Jump Is Imminent -- Consider Using Flash to Simplify the Interaction -- How to Be Helpful -- 4 Data Input: Lists -- A Simple List -- List on the Left, Object on the Right -- Use Split Windows for Navigation as Well as for Lists -- Consider Heterogeneous Windows -- Use Lists for Parts of an Object -- Consider Using Pictures -- Potential Problems with the List-Object Strategy -- How to Select the Right List-Object Strategy -- How to Select and Open Objects from Lists -- Selecting Multiple Rows -- How to Change Objects from Lists -- How to Show Actions -- Where to Put the Actions -- Use Popups for Secondary Data -- 5 Data Retrieval: Search -- Searching: Doing the Numbers -- Search Is Important -- Most Searches Are Simple -- Many Users Make Mistakes -- Searches Are Shallow (but Don't Have to Be) -- To Summarize... -- Simple Search: Good for Uncomplicated Retrievals -- Catch User Errors and Work Around Them -- Remember the Search -- Advanced Search: Good for Experienced Users -- How to Connect Multiple Criteria -- Don't Make Me Choose -- I Want None of That -- Now I Want the Opposite -- How to Offer Help Politely -- Complex Search: Good for Difficult Queries -- Use Progressive Disclosure to Avoid Overwhelming Searchers -- Who Should See What, or How to Deal with Security -- You May Need to Provide a Complete View of the Database -- Results of a Search -- Provide Feedback
Parts of Diagrams
Don't Make Users Format Text -- Provide Keyboard as Well as Mouse Navigation -- Retain Cut, Copy, and Paste -- Label Fields Correctly -- How to Label Data-Input Forms -- How to Label e-Commerce Forms -- Accommodate Less Experienced Users -- Use Different Labeling Strategies for International Forms -- Make Sure Labels Are Correctly Tied to Their Fields -- How to Group Fields -- Complexity Is Not Necessarily Bad -- Offer Automated Entry Fields -- How to Show Protected Fields -- Required Field, Defined -- Use Required Fields Sparingly -- How to Indicate a Required Field -- Offer Defaults Whenever Possible -- How Not to Indicate a Required Field -- How to Provide Feedback for Required Fields -- Prevent Input Errors with Dropdown Lists -- When to Use Dropdown Lists -- Check Your Lists for Typos and Other Errors -- Put Lists in Order -- When to Use Regular Lists Rather Than Dropdown Lists -- Prevent Input Errors with Checkboxes -- Checkbox Groups: Doing the Numbers -- Be Careful How You Toggle -- Use Opposites Only -- Don't Use Negatives (You'll Create a Double Negative by Mistake) -- Prevent Input Errors with Radio Buttons -- I Want Nothing! -- Make Your Checkboxes and Radio Buttons More Accessible -- When to Use Tabs Instead of Pages -- Guidelines for Tabs -- When to Use Popups -- Use Popups to Offer Information -- Follow These Popup Guidelines -- Three Traditional Popup Buttons -- Use Standard Button Order -- How to Do Dates, Addresses, and Other Standard Input -- Dates: Use Calendar Popups and a Day-Month-Year Format -- What Are the Standard Elements of Names and Addresses? -- Numbers Are Handled Differently in Different Cultures -- Credit Card Numbers Are the Same, Except When They're Different -- Guidelines for Buttons -- Use Buttons to Do Things, Use Links to Jump to Other Web Pages -- How to Size Buttons -- Set Buttons Off from Fields
What to Do When You Retrieve Too Many Records -- Be Careful with Error Messages -- 6 Data Retrieval: Filtering and Browsing -- Use Filtering to Control Overloads -- Filters Can Be Dangerous -- Where to Put the Filter -- How to Save the Filter -- Use Browsing When the Query Is Fuzzy -- Make the Most of People's Spatial Abilities -- Maintain an Overview with Fish-Eye Lenses -- Provide Database Overviews -- Clustering and Concept Mapping Are Good for Visual Thinkers -- Use Expanded Thumbnails to Make Information Pop Out -- Offer Better Information by Providing Ratings -- 7 Data Output: Reports -- Let Users Print Ad Hoc Queries -- Ad Hoc Reports: Not Just Screenshots -- Start Database Designs from Reports -- Aren't We Trying to Get Rid of Paper? -- Heavy Lifting: Management Reports -- Home Grown or Store Bought? -- Should This Be a Summary or a Detailed Report? -- Should This Be a Comparison? -- Defining Management Reports -- Collect Requirements from Old Reports -- Check for Data That Aren't from the Database -- Rules for Headers -- Rules for Footers -- Rules for the Report's Body -- Make Sure That Column Headings Are Clear -- Make Sure the Report Shows Units of Measurement -- Use the Right Fonts -- How to Separate Rows Visually without Cluttering the Screen -- What to Do if the Report Is Too Wide -- Make Reports Work with Screen-Reading Software -- Break Up Pages Logically -- Report Parameters Tell People How the Report Was Created -- 8 Data Output: Printed Forms -- Make Changes Hard to Do -- What Size and Shape Is the Paper? -- Designing a Form -- Who Are You, and Why Are You Sending Me Things? Form Headers Contain Corporate Identity Information -- Put Page Numbers in the Footers -- Put the Important Information in the Body -- Email or Post Forms Online -- 9 Interacting with Output -- Designing the Formatting Window -- Generating Output
Front cover -- The Morgan Kaufmann Series in Interactive Technologies -- Title page -- Copyright page -- Table of contents -- Preface -- Answering Questions -- Trust What You Already Know -- Predicting the Future -- A Short History of Visualization -- Visuals Provide More Context -- Visuals Encourage Pattern Recognition -- Visuals Speed Up Decisions -- Acknowledgments -- 1 What Is a Web Application? -- What's the Difference Between a Web Page and a Web Application? -- What Difference Does the Platform Make? -- The Tentative Answer -- Where Does My Program Fit? -- What Is the Nature of the Relationship? -- What Is the Conversation Like? -- What Is the Nature of the Interaction? -- What Are the Technical Requirements? -- How Often Is It Used? -- What Is the Expected Response Time (or the Perceived Distance)? -- Are These Interactions in Real Time? -- How Much Help Will the Users Need? -- What Is the Interaction Style? -- What Should It Look Like? -- Does It Follow Any Standards? -- How Intense Is This Interaction? -- What Should This Application Look Like? -- 2 The Browser Framework -- Browser Window: A Conceptual Model -- Parts of a Browser Window -- Parts of the Content Area -- A Note About Navigation -- Make Home Easy to Find -- Put Local Navigation on the Left -- Put Site-Wide Navigation on the Top -- Repeat Links on the Bottom -- Try Putting Advertising Banners in More Than One Spot -- Overall Design Issues -- Consider User Roles -- Size Windows Correctly -- Make Pages Printable -- Use the Right Colors -- Make Sure the Application Can Be Localized -- Make Sure Pages Are Accessible -- 3 Data Input: Forms -- Conceptual Model: Lists versus Objects -- Data-Input Forms: The Basics -- Use Fields to Collect Free-Form Information -- Know the Various Field Types -- Standard Field, Defined -- General Design Guidelines -- Make Entry Areas the Right Size
Title Web application design handbook : best practices for web-based software
URI https://cir.nii.ac.jp/crid/1130000797848847360
https://ebookcentral.proquest.com/lib/[SITE_ID]/detail.action?docID=226717
https://www.vlebooks.com/vleweb/product/openreader?id=none&isbn=9780080481708&uid=none
hasFullText 1
inHoldings 1
isFullTextHit
isPrint
link http://utb.summon.serialssolutions.com/2.0.0/link/0/eLvHCXMwnV1bb9MwFLZYn-gT4yIKDCzEW5SSi2snvNFpW8XtAY2pPEVOYksREKQ2GxK_nu84l6YbCMGL1USOU_mLj79zfC6MvbAqMGmClWbJ8UkU4HA6NLEfmQXUHhHLwDgv3w9y9Um8WS_Wu3qaLrqkyefFz9_GlfwPqrgHXClK9h-QHQbFDfwGvmiBMNpr5He47BJum9wbHT17pfPD8MgKTj2dnp9D3g9BUC7rggeR6dO2RaZy2_zQO8fXU7KsbQY3He_dfDC9gD325dYvKjLxex_ne7YCcc1W8N5VivLe6kv7Tdf1yPOexqgoKTQFZ26q1guhj3nZUznBPxIJntHGNd8QwK0tYNnqpq6rj75-OF9T5YUu0nE_wfXytQIrkSJcH7ADpaj-xurs82Aog5JIGXwoKK9_ddLl6hr-Sp9NNpQv__zqKZvq7RdsHdhWmi24RF1VN3ZgRyvO77AJhZocslumvsumo9SQ99gZIOYjiHkLMe8h5q84AcwHgDkA5gPAvAf4Prs4PTk_Xvld0QtfqzhWqZ_H0i7SJC1lGkllhEoXNlBWxMbaUMs8ihITYR1poUD1IY4TEQaaCruVutSJih-wSf29Ng8Z18rKIC6xqRW5ELFNCykLWSgNMU956Wbs-WhGsquv7oB-m1FWKmgSgpI3JjN2hInKiorakE4_QSvRA5JfKKzlGXvWT2Hmnu-8irOT5TG4vQrVo7-M8Jjd3n2sT9ik2VyaI1C9Jn_qPoVfixZElw
linkProvider Elsevier
openUrl ctx_ver=Z39.88-2004&ctx_enc=info%3Aofi%2Fenc%3AUTF-8&rfr_id=info%3Asid%2Fsummon.serialssolutions.com&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Abook&rft.genre=book&rft.title=Web+application+design+handbook+%3A+best+practices+for+web-based+software&rft.au=Fowler%2C+Susan+L.&rft.au=Stanwick%2C+Victor+R.&rft.date=2004-01-01&rft.pub=Morgan+Kaufmann+Publishers%2C+is+an+imprint+of+Elsevier&rft.isbn=9781558607521&rft_id=info:doi/10.1016%2FB978-1-55860-752-1.X5000-2&rft.externalDocID=BA7190641X
thumbnail_m http://utb.summon.serialssolutions.com/2.0.0/image/custom?url=https%3A%2F%2Fvle.dmmserver.com%2Fmedia%2F640%2F97800804%2F9780080481708.jpg