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