Scribd Logo
Upload

Welcome to Scribd!

  • 15 views

    RIA Screens Layouts: 2010 Update

    Uploaded by

    I-Ping Chen
    This document lists and describes various interface layout patterns and screen designs for rich internet applications. It includes sections on master-detail, palette/canvas, column browse, dashboards, question/answer, spreadsheets, parallel panels, wizards, interactive models, tabs, search/results, refining data, portals and browsing interfaces. Examples are provided for each pattern and the document recommends related books and articles on interface, interaction and application design.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    RIA Screens Layouts: 2010 Update

    Uploaded by

    I-Ping Chen
    15 views64 pages
    This document lists and describes various interface layout patterns and screen designs for rich internet applications. It includes sections on master-detail, palette/canvas, column browse, dashboards, question/answer, spreadsheets, parallel panels, wizards, interactive models, tabs, search/results, refining data, portals and browsing interfaces. Examples are provided for each pattern and the document recommends related books and articles on interface, interaction and application design.

    Original Description:

    screen layout

    Original Title

    riascreenlayouts-100210011828-phpapp02

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document lists and describes various interface layout patterns and screen designs for rich internet applications. It includes sections on master-detail, palette/canvas, column browse, dashboards, question/answer, spreadsheets, parallel panels, wizards, interactive models, tabs, search/results, refining data, portals and browsing interfaces. Examples are provided for each pattern and the document recommends related books and articles on interface, interaction and application design.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    15 views64 pages

    RIA Screens Layouts: 2010 Update

    Uploaded by

    I-Ping Chen
    This document lists and describes various interface layout patterns and screen designs for rich internet applications. It includes sections on master-detail, palette/canvas, column browse, dashboards, question/answer, spreadsheets, parallel panels, wizards, interactive models, tabs, search/results, refining data, portals and browsing interfaces. Examples are provided for each pattern and the document recommends related books and articles on interface, interaction and application design.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 64

    Q

    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

    Master/Detail

    iWork.com beta

    Theresa Neil Interface Designs, LLC 2009-2010

    Master/Detail

    Sliderocket

    Theresa Neil Interface Designs, LLC 2009-2010

    Master/Detail

    Discover Spend Analyzer

    Theresa Neil Interface Designs, LLC 2009-2010

    Master/Detail

    Wesabe

    Theresa Neil Interface Designs, LLC 2009-2010

    SugarSync

    Product Planner
    More Master/Detail

    ActionMethod

    boxee

    Theresa Neil Interface Designs, LLC 2009-2010

    Palette/Canvas

    Sprout Builder

    Theresa Neil Interface Designs, LLC 2009-2010

    Palette/Canvas

    Balsamiq Mockups

    Theresa Neil Interface Designs, LLC 2009-2010

    Palette/Canvas

    FlairBuilder

    Theresa Neil Interface Designs, LLC 2009-2010

    Palette/Canvas

    Palm Ares

    Theresa Neil Interface Designs, LLC 2009-2010

    280Slides

    Paper Critters
    More Palette/Canvas

    FloorPlanner

    scrapblog

    Theresa Neil Interface Designs, LLC 2009-2010

    Column Browse

    OtherInbox

    Theresa Neil Interface Designs, LLC 2009-2010

    Column Browse

    feed a fever

    Theresa Neil Interface Designs, LLC 2009-2010

    Column Browse

    Google wave

    Theresa Neil Interface Designs, LLC 2009-2010

    bing

    kuler

    More Column Browse

    Wufoo

    Theresa Neil Interface Designs, LLC 2009-2010

    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

    Theresa Neil Interface Designs, LLC 2009-2010

    More Dashboards

    PNC Virtual Wallet

    Have a Mint

    NASDAQ

    Wesabe

    Theresa Neil Interface Designs, LLC 2009-2010

    Q
    Q
    A
    Question/Answer

    Mint - Ways to Save

    Theresa Neil Interface Designs, LLC 2009-2010

    Question/Answer

    Discover Paydown Planner

    Theresa Neil Interface Designs, LLC 2009-2010

    Q
    A

    Question/Answer

    Rutter

    Theresa Neil Interface Designs, LLC 2009-2010

    Q
    Q
    A

    A
    New York Times Rent vs Buy

    Fidelity Mortgage Search

    Q
    A

    More Question/Answer

    Theresa Neil Interface Designs, LLC 2009-2010

    Spreadsheet/Grid

    Swivel

    Theresa Neil Interface Designs, LLC 2009-2010

    Spreadsheet/Grid

    Quicken Online

    Theresa Neil Interface Designs, LLC 2009-2010

    Spreadsheet/Grid

    copper

    Theresa Neil Interface Designs, LLC 2009-2010

    Spreadsheet/Grid

    Harvest

    Theresa Neil Interface Designs, LLC 2009-2010

    More Spreadsheets

    Centrifuge

    onehub

    Google Docs

    Mint
    Theresa Neil Interface Designs, LLC 2009-2010

    Parallel Panels

    PivotalTracker

    Theresa Neil Interface Designs, LLC 2009-2010

    Parallel Panels

    TwitHive

    Theresa Neil Interface Designs, LLC 2009-2010

    Parallel Panels

    Google Analytics

    Theresa Neil Interface Designs, LLC 2009-2010

    Wizard

    onehub

    Theresa Neil Interface Designs, LLC 2009-2010

    Wizard

    mint

    Theresa Neil Interface Designs, LLC 2009-2010

    4
    T
    O
    T
    A
    L

    Wizard

    MiniUSA

    Theresa Neil Interface Designs, LLC 2009-2010

    one
    two
    three
    four

    Wizard

    Animoto

    Theresa Neil Interface Designs, LLC 2009-2010

    BeGreenNow.com
    1

    ProjectOne Trek Bikes

    4
    T
    O
    T
    A
    L

    one
    two
    three
    four

    Swebapps
    More Wizards

    Theresa Neil Interface Designs, LLC 2009-2010

    Interactive Model

    Fidelity myPlan

    Theresa Neil Interface Designs, LLC 2009-2010

    Interactive Model

    Yahoo! Calendar beta

    Theresa Neil Interface Designs, LLC 2009-2010

    Interactive Model

    StrataLogica

    Theresa Neil Interface Designs, LLC 2009-2010

    Interactive Model

    noteflight

    Theresa Neil Interface Designs, LLC 2009-2010

    More Interactive Models

    Spatial Key

    Vision Critical

    Aviary Myna

    A Story Before Bed

    Theresa Neil Interface Designs, LLC 2009-2010

    More Interactive Models

    spaaze

    Toms Planner

    Footnote

    Ephermeris

    Theresa Neil Interface Designs, LLC 2009-2010

    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-2010

    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 User


    Interface

    Theresa Neil Interface Designs, LLC 2009-2010

    Refine Dataset

    DELVE Networks

    Theresa Neil Interface Designs, LLC 2009-2010

    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 Neil Interface Designs, LLC 2009-2010

    Portal

    NetVibes

    Theresa Neil Interface Designs, LLC 2009-2010

    Portal

    Microsoft Health Common User Interface

    Theresa Neil Interface Designs, LLC 2009-2010

    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-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 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

    You might also like