NYC.JS
Upcoming SlideShare
Loading in...5
×
 

NYC.JS

on

  • 424 views

 

Statistics

Views

Total Views
424
Views on SlideShare
424
Embed Views
0

Actions

Likes
1
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • Primary Application bar drives which application the user works inAll application use the same conceptual frameworkRecent activity/ Favorites starting pageWorking pageActions toolarSettings panels
  • Primary Application bar drives which application the user works inAll application use the same conceptual frameworkRecent activity/ Favorites starting pageWorking pageActions toolarSettings panels
  • In-line visual editingNodes, assets, and actions on the left accordion
  • Assets created within a show context or independentlyUseful for event micro-site creation and hosted formsToolbarsPalettesDetachable docking palettesIn-line editingWYSIWYG elements
  • Assets created within a show context or independentlyUseful for event micro-site creation and hosted formsToolbarsPalettesDetachable docking palettesIn-line editingWYSIWYG elements
  • Assets created within a show context or independentlyUseful for event micro-site creation and hosted formsForms can use elements from pre-defined or configured collectionsCustom create fields for each client
  • Assets created within a show context or independentlyUseful for event micro-site creation and hosted formsForms can use elements from pre-defined or configured collectionsCustom create fields for each client
  • Goal oriented instructionsSplit pane workflow useful for person/user managementIn-line search and filtering over drill-down browsing
  • Story with photoStory with media playerStory with media play + playlistBlogShort forms:QuoteStatsPhoto w/ textphoto
  • Aggregated contentUser defined listList byTag authoractivityPhoto calendarPhoto gallery
  • Npr widgetsTwitter widgetsFb widgetsSunlight foundation

NYC.JS NYC.JS Presentation Transcript

  • Web 3.0 UX PatternsEmerging Application and Content Patterns NYC Ext JS Meetup 9/27/2010
  • Pat Sheridan • NoVa:JSMeetup • Product Strategy, Three Pillar • www.patsheridan.com • www.threepillarglobal.com • @sheridap©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • ©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • ©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Application Suite User Experience • Activity based references over hierarchical lookups • Federated searches • Workflow Elements • Visual Asset creation • Form Asset creation • Multi-faceted data/ User Management • Nested Task Workflows – Task within a task©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • ©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Application Suite©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Federated Search©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • ©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Workflow Applications©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • ©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Asset Creation/ Management©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Visual Asset Creation©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • ©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Form Asset Creation©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • ©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Multi-faceted Data©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Mobile UX©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Mobile UX©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Mobile UX • Branded vs. unbranded UI elements • Native VS. Web feel • Localization • Device Orientation • Device Integration • Transitions • Application ‘Aspects’ – Evernote – Twitter – Facebook©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Digital Content Lifecycle©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • ©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Under-the-waterline Integration Points • CMS • CDN • Ad server • Analytics • Video Formats • Metadata©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Feature List: Features UX Patterns • Intuitive user experience • Watch Video • Support Social • Search, Browse / Find Engagement – By Program • Engaging (and – By Schedule appropriate ) promo • Recommend (inbound) material – (inbound) (Activity)Popularity • Monetization platform – (inbound) Featured (PBS) • eCommerce/ Buy Now from iTunes • Engage (outbound) – Share/ Social media • Localization Support – Local Station Links • Customize – Local TV schedules – Playlist – Favorite • Metrics and reporting©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Conceptual Planning©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Wireframes©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Design Comps©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Editorial Content + Social Engagement Facebook Twitter©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Digital Content types©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Design Patterns • Search / find • Huffington Post • Browse • BBC • Recommend • CNN • Related stories • Rate • Economist • Comment • WSJ • Discuss • Fox News • Engage • Google News • Share • USA Today • Update Activity/ Real time • Subscribe/ Follow / Join • Ad Placement©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Tone, Voice, Form Pattern Relationships • Story Form & Ad Placement • Anything & Ad Placement • Engage & Join • Activity & Transition©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Search©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Search©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Search/Find Results •RED: ads •BLUE: web Paginate •Grey: results Sort filter Groupings: Search within •Top stories Search archives •Popular Sponsored links •Featured Subscribe RSS •News/web©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Browse • Category • Source • Location – Author • Top stories – Columnist – Blogger • Viewer segment – College • Story form – affinity • Media type • Popularity – Video – By # comments – Photo essay – Most shared©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Browse + Customize©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Recommend©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Recommend©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Rate / Share©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Rate / Share©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Comment / Discuss©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Comment / Discuss©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Share / Engage©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Short Form Content©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Aggregated Content©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • 3rd Party Content/Widgets NPR Twitter Facebook Onespot Sunlight Foundation Every …©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Engage Content • Poll • Quiz©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Story Forms: story©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Story Forms: Blog©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Story Forms: photo©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Story Forms: photo©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Story Forms: quote©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Story Forms: statistic©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Story Forms: story©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Story Forms: story©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Story Forms: story©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Aggregated Content Blocks©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Aggregated content: Photo player©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Aggregated content: Lightbox Gallery©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Aggregated content: Video Player©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Aggregated content: Blogs©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Aggregated content: Lists©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved
  • Aggregated content:©COPYRIGHT 2009 Three Pillar Global, Inc., All Rights Reserved