RIA Screen Layouts

148,712
-1

Published on

15 Standard Screen Layouts with examples from 80+ current RIAs, Rich Internet Applications. Update of the 12 Standard Screen Patterns from 2009.

17 Comments
322 Likes
Statistics
Notes
No Downloads
Views
Total Views
148,712
On Slideshare
0
From Embeds
0
Number of Embeds
66
Actions
Shares
0
Downloads
4,603
Comments
17
Likes
322
Embeds 0
No embeds

No notes for slide

RIA Screen Layouts

  1. Q A Master/Detail Palette/Canvas Column Browse Dashboard Question/Answer Spreadsheet Parallel Panels Wizard Interactive Model Tabbed Form Search/Results Refine Data Portal Browse RIA Screens Layouts 2010 update Theresa Neil Interface Designs, LLC 2009-2010
  2. Master/Detail iWork.com beta Theresa Neil Interface Designs, LLC 2009-2010
  3. Master/Detail Sliderocket Theresa Neil Interface Designs, LLC 2009-2010
  4. Master/Detail Discover Spend Analyzer Theresa Neil Interface Designs, LLC 2009-2010
  5. Master/Detail Wesabe Theresa Neil Interface Designs, LLC 2009-2010
  6. SugarSync ActionMethod Product Planner boxee More Master/Detail Theresa Neil Interface Designs, LLC 2009-2010
  7. Palette/Canvas Sprout Builder Theresa Neil Interface Designs, LLC 2009-2010
  8. Palette/Canvas Balsamiq Mockups Theresa Neil Interface Designs, LLC 2009-2010
  9. Palette/Canvas FlairBuilder Theresa Neil Interface Designs, LLC 2009-2010
  10. Palette/Canvas Palm Ares Theresa Neil Interface Designs, LLC 2009-2010
  11. 280Slides FloorPlanner Paper Critters scrapblog More Palette/Canvas Theresa Neil Interface Designs, LLC 2009-2010
  12. Column Browse OtherInbox Theresa Neil Interface Designs, LLC 2009-2010
  13. Column Browse feed a fever Theresa Neil Interface Designs, LLC 2009-2010
  14. Column Browse Google wave Theresa Neil Interface Designs, LLC 2009-2010
  15. bing kuler More Column Browse Wufoo Theresa Neil Interface Designs, LLC 2009-2010
  16. Dashboard Quicken Online Theresa Neil Interface Designs, LLC 2009-2010
  17. Dashboard zendough Theresa Neil Interface Designs, LLC 2009-2010
  18. Dashboard optimism online Theresa Neil Interface Designs, LLC 2009-2010
  19. # # # # # # # # # Dashboard IMA Dashboard Theresa Neil Interface Designs, LLC 2009-2010
  20. PNC Virtual Wallet Have a Mint # # # # # # # # # NASDAQ Wesabe More Dashboards Theresa Neil Interface Designs, LLC 2009-2010
  21. Q Q A Question/Answer Mint - Ways to Save Theresa Neil Interface Designs, LLC 2009-2010
  22. Q A Question/Answer Discover Paydown Planner Theresa Neil Interface Designs, LLC 2009-2010
  23. Q A Question/Answer Rutter Theresa Neil Interface Designs, LLC 2009-2010
  24. Q Q A Q A New York Times Rent vs Buy Fidelity Mortgage Search Q A More Question/Answer Theresa Neil Interface Designs, LLC 2009-2010
  25. Spreadsheet/Grid Swivel Theresa Neil Interface Designs, LLC 2009-2010
  26. Spreadsheet/Grid Quicken Online Theresa Neil Interface Designs, LLC 2009-2010
  27. Spreadsheet/Grid copper Theresa Neil Interface Designs, LLC 2009-2010
  28. Spreadsheet/Grid Harvest Theresa Neil Interface Designs, LLC 2009-2010
  29. Centrifuge onehub Google Docs Mint More Spreadsheets Theresa Neil Interface Designs, LLC 2009-2010
  30. Parallel Panels PivotalTracker Theresa Neil Interface Designs, LLC 2009-2010
  31. Parallel Panels TwitHive Theresa Neil Interface Designs, LLC 2009-2010
  32. Parallel Panels Google Analytics Theresa Neil Interface Designs, LLC 2009-2010
  33. Wizard onehub Theresa Neil Interface Designs, LLC 2009-2010
  34. Wizard mint Theresa Neil Interface Designs, LLC 2009-2010
  35. 1 2 3 4 T O T A L Wizard MiniUSA Theresa Neil Interface Designs, LLC 2009-2010
  36. one two three four Wizard Animoto Theresa Neil Interface Designs, LLC 2009-2010
  37. BeGreenNow.com ProjectOne Trek Bikes 1 2 3 4 T O T A L one two three four Swebapps More Wizards Theresa Neil Interface Designs, LLC 2009-2010
  38. Interactive Model Fidelity myPlan Theresa Neil Interface Designs, LLC 2009-2010
  39. Interactive Model Yahoo! Calendar beta Theresa Neil Interface Designs, LLC 2009-2010
  40. Interactive Model StrataLogica Theresa Neil Interface Designs, LLC 2009-2010
  41. Interactive Model noteflight Theresa Neil Interface Designs, LLC 2009-2010
  42. Spatial Key Vision Critical Aviary Myna A Story Before Bed More Interactive Models Theresa Neil Interface Designs, LLC 2009-2010
  43. spaaze Tom’s Planner Footnote Ephermeris More Interactive Models Theresa Neil Interface Designs, LLC 2009-2010
  44. Form Digg Theresa Neil Interface Designs, LLC 2009-2010
  45. Form 37signals Campfire Theresa Neil Interface Designs, LLC 2009-2010
  46. Tabbed Picnik Theresa Neil Interface Designs, LLC 2009-2010
  47. Tabbed Travelocity Theresa Neil Interface Designs, LLC 2009-2010
  48. Tabbed Coda Theresa Neil Interface Designs, LLC 2009-2010
  49. Tabbed Realtor.com Theresa Neil Interface Designs, LLC 2009-2010
  50. Search/Results IconFinder Theresa Neil Interface Designs, LLC 2009-2010
  51. Search/Results GMail Theresa Neil Interface Designs, LLC 2009-2010
  52. Search/Results Vimeo Theresa Neil Interface Designs, LLC 2009-2010
  53. 37signals BaseCamp Media Temple (mt) More Search/Results Microsoft Health Common User Interface Theresa Neil Interface Designs, LLC 2009-2010
  54. Refine Dataset DELVE Networks Theresa Neil Interface Designs, LLC 2009-2010
  55. Refine Dataset Omio Theresa Neil Interface Designs, LLC 2009-2010
  56. Refine Dataset Sifter Theresa Neil Interface Designs, LLC 2009-2010
  57. Refine Dataset CrazyEgg Theresa Neil Interface Designs, LLC 2009-2010
  58. Carmax PrismaStar Orbitz Roost More Refine Datasets Theresa Neil Interface Designs, LLC 2009-2010
  59. Portal NetVibes Theresa Neil Interface Designs, LLC 2009-2010
  60. Portal Microsoft Health Common User Interface Theresa Neil Interface Designs, LLC 2009-2010
  61. Portal BBC Theresa Neil Interface Designs, LLC 2009-2010
  62. Browse Tumblr Theresa Neil Interface Designs, LLC 2009-2010
  63. Browse Inspire - xd.adobe.com Theresa Neil Interface Designs, LLC 2009-2010
  64. If you have found this valuable, be sure to check out the full article at UX Magazine and these other resources: Designing for Interesting Moments By Bill Scott. Designing Rich Applications By Theresa Neil. 12 Standard Screen Patterns on Designing Web Interfaces DesignGalleRIA- A design gallery and showcase of the best Rich Internet Applications Web Form Design: Filling in the Blanks By Luke Wroblewski. Rosenfeld Media, May 2008. Prototyping: A Practitioner's Guide By Todd Warfel. Rosenfeld Media, May 2008. Designing for Flex By Rob Adams. The Designer's Guide to Web Applications, Part 1:Structures and Flows By Hagan Rivers. Designing Web Interfaces: Principle and Patterns for Rich Interactions By Bill Scott and Theresa Neil. O'Reilly Media, January 2009. About Face 3: The Essentials of Interaction Design By Alan Cooper. Wiley, May 2007. Designing Interfaces: Patterns for Effective Interaction Design By Jenifer Tidwell. O'Reilly Media, November 2005. Theresa Neil Interface Designs, LLC 2009-2010
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×