Recommandé
Contenu connexe
En vedette
En vedette (20)
Similaire à Web 3.0 UX Patterns - Presented at Sencha New York Meetup September 2010
Similaire à Web 3.0 UX Patterns - Presented at Sencha New York Meetup September 2010 (20)
Web 3.0 UX Patterns - Presented at Sencha New York Meetup September 2010
- 1. Emerging Application and Content Patterns NYC Ext JS Meetup 9/27/2010 Web 3.0 UX Patterns
- 2. NoVa:JSMeetup, Co-Founder Product Strategy, Three Pillar Sheridap.tumblr.com www.threepillarglobal.com @sheridap Pat Sheridan
- 5. 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 Application Suite User Experience
- 18. Mobile UX
- 19. Mobile UX
- 20. Branded vs. unbranded UI elements Native VS. Web feel Localization Device Orientation Device Integration Transitions Application ‘Aspects’ Evernote Twitter Facebook Mobile UX
- 23. CMS CDN Ad server Analytics Video Formats Metadata Under-the-waterline Integration Points
- 24. Feature List: Features UX Patterns Intuitive user experience Support Social Engagement Engaging (and appropriate ) promo material Monetization platform eCommerce/ Buy Now from iTunes Localization Support Local Station Links Local TV schedules Metrics and reporting Watch Video Search, Browse / Find By Program By Schedule Recommend (inbound) (inbound) (Activity)Popularity (inbound) Featured (PBS) Engage (outbound) Share/ Social media Customize Playlist Favorite
- 26. Wireframes
- 27. Design Comps
- 28. Editorial Content + Social Engagement Facebook Twitter
- 30. Design Patterns Search / find Browse Recommend Related stories Rate Comment Discuss Engage Share Update Activity/ Real time Subscribe/ Follow / Join Ad Placement Huffington Post BBC CNN Economist WSJ Fox News Google News USA Today
- 31. Pattern Relationships Story Form & Ad Placement Anything & Ad Placement Engage & Join Activity & Transition Tone, Voice, Form
- 32. Search
- 33. Search
- 35. BLUE: web
- 37. Popular
- 38. Featured
- 39. News/webPaginate Sort filter Search within Search archives Sponsored links Subscribe RSS
- 40. Browse Category Location Top stories Viewer segment College affinity Popularity By # comments Most shared Source Author Columnist Blogger Story form Media type Video Photo essay
- 42. Recommend
- 43. Recommend
- 44. Rate / Share
- 45. Rate / Share
- 48. Share / Engage
- 51. 3rd Party Content/Widgets NPR Twitter Facebook Onespot Sunlight Foundation Every …
- 52. Engage Content Poll Quiz
- 63. Aggregated content: Photo player
- 64. Aggregated content: Lightbox Gallery
- 65. Aggregated content: Video Player
Notes de l'éditeur
- 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