Q       A




Master/Detail   Palette/Canvas    Column Browse      Dashboard        Question/Answer




Spreadsheet     Pa...
Master/Detail




                iWork.com beta




                                 Theresa Neil Interface Designs, LLC ...
Master/Detail




                Sliderocket




                              Theresa Neil Interface Designs, LLC 2009-2...
Master/Detail




                Discover Spend Analyzer




                                          Theresa Neil Inter...
Master/Detail




                Wesabe




                         Theresa Neil Interface Designs, LLC 2009-2010
SugarSync         ActionMethod




                     Product Planner    boxee

More Master/Detail
                     ...
Palette/Canvas




                 Sprout Builder




                                  Theresa Neil Interface Designs, L...
Palette/Canvas




                 Balsamiq Mockups




                                    Theresa Neil Interface Design...
Palette/Canvas




                 FlairBuilder




                                Theresa Neil Interface Designs, LLC 2...
Palette/Canvas




                 Palm Ares




                             Theresa Neil Interface Designs, LLC 2009-20...
280Slides        FloorPlanner




                      Paper Critters   scrapblog


More Palette/Canvas
                 ...
Column Browse




                OtherInbox




                             Theresa Neil Interface Designs, LLC 2009-2010
Column Browse




                feed a fever




                               Theresa Neil Interface Designs, LLC 2009...
Column Browse




                Google wave




                              Theresa Neil Interface Designs, LLC 2009-2...
bing    kuler




More Column Browse




                     Wufoo



                               Theresa Neil Interfa...
Dashboard




            Quicken Online




                             Theresa Neil Interface Designs, LLC 2009-2010
Dashboard




            zendough




                       Theresa Neil Interface Designs, LLC 2009-2010
Dashboard




            optimism online




                              Theresa Neil Interface Designs, LLC 2009-2010
#     #   #
  #     #   #
  #     #   #

Dashboard




                IMA Dashboard




                                T...
PNC Virtual Wallet   Have a Mint




  #     #    #
  #     #    #
  #     #    #
                  NASDAQ               W...
Q
        Q

        A


Question/Answer




                  Mint - Ways to Save




                                   ...
Q        A



Question/Answer




                  Discover Paydown Planner




                                         ...
Q

          A


Question/Answer




                  Rutter




                           Theresa Neil Interface Design...
Q
         Q

         A




     Q           A

                       New York Times Rent vs Buy   Fidelity Mortgage Sea...
Spreadsheet/Grid




                   Swivel




                            Theresa Neil Interface Designs, LLC 2009-20...
Spreadsheet/Grid




                   Quicken Online




                                    Theresa Neil Interface Desi...
Spreadsheet/Grid




                   copper




                            Theresa Neil Interface Designs, LLC 2009-20...
Spreadsheet/Grid




                   Harvest




                             Theresa Neil Interface Designs, LLC 2009-...
Centrifuge    onehub




                    Google Docs   Mint

More Spreadsheets
                                   Ther...
Parallel Panels




                  PivotalTracker




                                   Theresa Neil Interface Designs...
Parallel Panels




                  TwitHive




                             Theresa Neil Interface Designs, LLC 2009-2...
Parallel Panels




                  Google Analytics




                                     Theresa Neil Interface Des...
Wizard




         onehub




                  Theresa Neil Interface Designs, LLC 2009-2010
Wizard




         mint




                Theresa Neil Interface Designs, LLC 2009-2010
1   2   3   4
                 T
                 O
                 T
                 A
                 L




Wizard


...
one
  two
 three
  four




Wizard




         Animoto




                   Theresa Neil Interface Designs, LLC 2009-20...
BeGreenNow.com   ProjectOne Trek Bikes

 1   2   3   4
                 T
                 O
                 T
          ...
Interactive Model




                    Fidelity myPlan




                                      Theresa Neil Interface...
Interactive Model




                    Yahoo! Calendar beta




                                           Theresa Neil...
Interactive Model




                    StrataLogica




                                   Theresa Neil Interface Desig...
Interactive Model




                    noteflight




                                Theresa Neil Interface Designs, LL...
Spatial Key   Vision Critical




                          Aviary Myna   A Story Before Bed

More Interactive Models
    ...
spaaze     Tom’s Planner




                          Footnote   Ephermeris

More Interactive Models
                    ...
Form




       Digg




              Theresa Neil Interface Designs, LLC 2009-2010
Form




       37signals Campfire




                           Theresa Neil Interface Designs, LLC 2009-2010
Tabbed




         Picnik




                  Theresa Neil Interface Designs, LLC 2009-2010
Tabbed




         Travelocity




                       Theresa Neil Interface Designs, LLC 2009-2010
Tabbed




         Coda




                Theresa Neil Interface Designs, LLC 2009-2010
Tabbed




         Realtor.com




                       Theresa Neil Interface Designs, LLC 2009-2010
Search/Results




                 IconFinder




                              Theresa Neil Interface Designs, LLC 2009-...
Search/Results




                 GMail




                         Theresa Neil Interface Designs, LLC 2009-2010
Search/Results




                 Vimeo




                         Theresa Neil Interface Designs, LLC 2009-2010
37signals BaseCamp             Media Temple (mt)




More Search/Results



                      Microsoft Health Common ...
Refine Dataset




                DELVE Networks




                                 Theresa Neil Interface Designs, LLC ...
Refine Dataset




                Omio




                       Theresa Neil Interface Designs, LLC 2009-2010
Refine Dataset




                Sifter




                         Theresa Neil Interface Designs, LLC 2009-2010
Refine Dataset




                CrazyEgg




                           Theresa Neil Interface Designs, LLC 2009-2010
Carmax   PrismaStar




                      Orbitz   Roost

More Refine Datasets
                                Theresa ...
Portal




         NetVibes




                    Theresa Neil Interface Designs, LLC 2009-2010
Portal




         Microsoft Health Common User Interface




                                                  Theresa N...
Portal




         BBC




               Theresa Neil Interface Designs, LLC 2009-2010
Browse




         Tumblr




                  Theresa Neil Interface Designs, LLC 2009-2010
Browse




         Inspire - xd.adobe.com




                                  Theresa Neil Interface Designs, LLC 2009-...
If you have found this valuable, be sure to check out the full article at
UX Magazine and these other resources:

Designin...
Upcoming SlideShare
Loading in...5
×

RIA Screen Layouts

144,582

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
318 Likes
Statistics
Notes
No Downloads
Views
Total Views
144,582
On Slideshare
0
From Embeds
0
Number of Embeds
63
Actions
Shares
0
Downloads
4,539
Comments
17
Likes
318
Embeds 0
No embeds

No notes for slide

Transcript of "RIA Screen Layouts"

  1. 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. 2. Master/Detail iWork.com beta Theresa Neil Interface Designs, LLC 2009-2010
  3. 3. Master/Detail Sliderocket Theresa Neil Interface Designs, LLC 2009-2010
  4. 4. Master/Detail Discover Spend Analyzer Theresa Neil Interface Designs, LLC 2009-2010
  5. 5. Master/Detail Wesabe Theresa Neil Interface Designs, LLC 2009-2010
  6. 6. SugarSync ActionMethod Product Planner boxee More Master/Detail Theresa Neil Interface Designs, LLC 2009-2010
  7. 7. Palette/Canvas Sprout Builder Theresa Neil Interface Designs, LLC 2009-2010
  8. 8. Palette/Canvas Balsamiq Mockups Theresa Neil Interface Designs, LLC 2009-2010
  9. 9. Palette/Canvas FlairBuilder Theresa Neil Interface Designs, LLC 2009-2010
  10. 10. Palette/Canvas Palm Ares Theresa Neil Interface Designs, LLC 2009-2010
  11. 11. 280Slides FloorPlanner Paper Critters scrapblog More Palette/Canvas Theresa Neil Interface Designs, LLC 2009-2010
  12. 12. Column Browse OtherInbox Theresa Neil Interface Designs, LLC 2009-2010
  13. 13. Column Browse feed a fever Theresa Neil Interface Designs, LLC 2009-2010
  14. 14. Column Browse Google wave Theresa Neil Interface Designs, LLC 2009-2010
  15. 15. bing kuler More Column Browse Wufoo Theresa Neil Interface Designs, LLC 2009-2010
  16. 16. Dashboard Quicken Online Theresa Neil Interface Designs, LLC 2009-2010
  17. 17. Dashboard zendough Theresa Neil Interface Designs, LLC 2009-2010
  18. 18. Dashboard optimism online Theresa Neil Interface Designs, LLC 2009-2010
  19. 19. # # # # # # # # # Dashboard IMA Dashboard Theresa Neil Interface Designs, LLC 2009-2010
  20. 20. PNC Virtual Wallet Have a Mint # # # # # # # # # NASDAQ Wesabe More Dashboards Theresa Neil Interface Designs, LLC 2009-2010
  21. 21. Q Q A Question/Answer Mint - Ways to Save Theresa Neil Interface Designs, LLC 2009-2010
  22. 22. Q A Question/Answer Discover Paydown Planner Theresa Neil Interface Designs, LLC 2009-2010
  23. 23. Q A Question/Answer Rutter Theresa Neil Interface Designs, LLC 2009-2010
  24. 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. 25. Spreadsheet/Grid Swivel Theresa Neil Interface Designs, LLC 2009-2010
  26. 26. Spreadsheet/Grid Quicken Online Theresa Neil Interface Designs, LLC 2009-2010
  27. 27. Spreadsheet/Grid copper Theresa Neil Interface Designs, LLC 2009-2010
  28. 28. Spreadsheet/Grid Harvest Theresa Neil Interface Designs, LLC 2009-2010
  29. 29. Centrifuge onehub Google Docs Mint More Spreadsheets Theresa Neil Interface Designs, LLC 2009-2010
  30. 30. Parallel Panels PivotalTracker Theresa Neil Interface Designs, LLC 2009-2010
  31. 31. Parallel Panels TwitHive Theresa Neil Interface Designs, LLC 2009-2010
  32. 32. Parallel Panels Google Analytics Theresa Neil Interface Designs, LLC 2009-2010
  33. 33. Wizard onehub Theresa Neil Interface Designs, LLC 2009-2010
  34. 34. Wizard mint Theresa Neil Interface Designs, LLC 2009-2010
  35. 35. 1 2 3 4 T O T A L Wizard MiniUSA Theresa Neil Interface Designs, LLC 2009-2010
  36. 36. one two three four Wizard Animoto Theresa Neil Interface Designs, LLC 2009-2010
  37. 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. 38. Interactive Model Fidelity myPlan Theresa Neil Interface Designs, LLC 2009-2010
  39. 39. Interactive Model Yahoo! Calendar beta Theresa Neil Interface Designs, LLC 2009-2010
  40. 40. Interactive Model StrataLogica Theresa Neil Interface Designs, LLC 2009-2010
  41. 41. Interactive Model noteflight Theresa Neil Interface Designs, LLC 2009-2010
  42. 42. Spatial Key Vision Critical Aviary Myna A Story Before Bed More Interactive Models Theresa Neil Interface Designs, LLC 2009-2010
  43. 43. spaaze Tom’s Planner Footnote Ephermeris More Interactive Models Theresa Neil Interface Designs, LLC 2009-2010
  44. 44. Form Digg Theresa Neil Interface Designs, LLC 2009-2010
  45. 45. Form 37signals Campfire Theresa Neil Interface Designs, LLC 2009-2010
  46. 46. Tabbed Picnik Theresa Neil Interface Designs, LLC 2009-2010
  47. 47. Tabbed Travelocity Theresa Neil Interface Designs, LLC 2009-2010
  48. 48. Tabbed Coda Theresa Neil Interface Designs, LLC 2009-2010
  49. 49. Tabbed Realtor.com Theresa Neil Interface Designs, LLC 2009-2010
  50. 50. Search/Results IconFinder Theresa Neil Interface Designs, LLC 2009-2010
  51. 51. Search/Results GMail Theresa Neil Interface Designs, LLC 2009-2010
  52. 52. Search/Results Vimeo Theresa Neil Interface Designs, LLC 2009-2010
  53. 53. 37signals BaseCamp Media Temple (mt) More Search/Results Microsoft Health Common User Interface Theresa Neil Interface Designs, LLC 2009-2010
  54. 54. Refine Dataset DELVE Networks Theresa Neil Interface Designs, LLC 2009-2010
  55. 55. Refine Dataset Omio Theresa Neil Interface Designs, LLC 2009-2010
  56. 56. Refine Dataset Sifter Theresa Neil Interface Designs, LLC 2009-2010
  57. 57. Refine Dataset CrazyEgg Theresa Neil Interface Designs, LLC 2009-2010
  58. 58. Carmax PrismaStar Orbitz Roost More Refine Datasets Theresa Neil Interface Designs, LLC 2009-2010
  59. 59. Portal NetVibes Theresa Neil Interface Designs, LLC 2009-2010
  60. 60. Portal Microsoft Health Common User Interface Theresa Neil Interface Designs, LLC 2009-2010
  61. 61. Portal BBC Theresa Neil Interface Designs, LLC 2009-2010
  62. 62. Browse Tumblr Theresa Neil Interface Designs, LLC 2009-2010
  63. 63. Browse Inspire - xd.adobe.com Theresa Neil Interface Designs, LLC 2009-2010
  64. 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.

×