Wunpresentation#1
-
Upload
william-stewart -
Category
Technology
-
view
309 -
download
0
description
Transcript of Wunpresentation#1
YMCA World Urban NetworkDigital Engagement Inspiration Deck #1
“Great Websites”May, 2012
Reminder – Make WUN Madrid Great!
Take our 10 Minute CEO Survey:
https://www.surveymonkey.com/s/wunceoymca
“Customers don’t forgive organizations for bad
websites”
“It takes 99% of us less than 4 seconds to determine if they want to stick around
your website…”
What’s it saying?
“Users spend most of their time on other websites…this means that users gear their expectations for your site by what they have learned to
expect elsewhere.” Jakob Nielsen
The Higher Call of Great Websites
Top 10 Landing Page Features
The 100 Point Website Test
Website Criteria – 100 pt. Scale
Criteria ImportanceOverall Impact 25 pointsContent 15 pointsNavigation 15 pointsUser Experience
15 points
Findability 15 pointsSociabiility 15 pointsTotal 100 points
Website Criteria – Overall Impact
Overall Impact
Criteria Pts.
First Impressions
Creates immediate wow, looks contemporary, causes to sign up, engages for significant time
/10
Simplicity Uncluttered, readable, graphic/colourful, strong calls to action, infographics/flowcharts, above the fold
/5
Uniqueness Distinctively branded, unique graphics, brand consistency, look and feel diff. from competitors, Typography
/5
Dynamic Slider windows, Dynamic news feeds, Rollover prompts, Real-time response and feedback
/3
Multimedia Varied and interesting use of animation, pictures, video, music, mashups
/2
Website Criteria - Content
Content Criteria Pts.
Usefulness Helps users, up-to-date, interactive, provides real value, customized, well-presented, breadth, has a point of view
/3
Transparency
Real people/employees, mission statement/manifesto, policies and rules
/3
Credentials Evidence of popularity, third party or customer testimonials, Organizational authority
/3
Human/Fun Conversational language, Humour, Consistency with audience, enthusiasm, Stories, leaves you wanting more
/3
Incentives/News
Dynamic stream of news, Campaigns, Offers, Competitions, External links, Opportunity for fame
/3
Website Criteria - Navigation
Navigation Criteria Pts.
Search ability
Internal search engines, menus, support, mental model on what to expect when you click
/3
Links Graphic links, internal links, return to home menu easy, links open in new windows
/3
Intuitive Top options for clicking dependent on user and place on site, priority of information
/3
Menus Consistency of presence, descriptiveness /3
Types of user reaction
New vs. returning user, Country and language of user, Tiered user access
/3
Website Criteria – User Experience
User Experience
Criteria Pts.
Usability Limited click to completion, no need to upload new software, browser and monitor capability, Download speed, Cross platform
/3
Knowledge of users
Adaptive, flexible taxonomies, know history, analytics inform experience, customizable environment
/3
Security Safe for users to use, not flagged by filters, password protection
/3
Troubleshooting
Strong Q&As, How-tos, Tracking orders/process, Virtual live customer service
/3
Easy to Contact
Availability of forms, contact us page, triage to the right person in the organization
/3
Website Criteria - Findability
Findability Criteria Pts.
Smart URL Short, intuitive, .com, Multiple vanity urls
/3
Metatags and Keywords
Own the best relevant words, each page sufficiently tagged and named
/3
Links Good level of working inbound and outbound links, seamlessly linked microsites
/3
Partners and Affiliates
Network of partners, community of ambassadors, employee extensions
/3
Funnel Social networks and content drive back to website
/3
Website Criteria - Sociability
Sociability Criteria Pts.
Blog Content
Frequent, well-tagged, relevant, engaging posts, Smart headlines, Strong user engagement
/3
Social Integration
Top social network integrated apps, easy to register through social profiles, activity linked to social network feeds
/3
Community Provides forums, crowdsourcing and microcommunities for participation, community moderation
/3
Easy to link Compatible with all the key social networks, automated actions/emails, widgets
/3
Participation
Ability to participate, to give and receive, hear and respond, real-time feedback, peer to peer capability, leaderboards
/3
50 Great Websites
#1- lululemon – Fitness with a Cause
Pros - Visual, Point of view - Manifesto, Great Content, Ambassadors, Menus
http://shop.lululemon.com/home.jsp
#2- Icebreaker – Visual Active Storyteller
Pros - Photographic, stories of founder/history, Authenticity - Trace back your garment http://ca.icebreaker.com/
#3 TakingItGlobal – Global Youth Leader Community
Pros – Great set of resources and community tools for youth http://www.tigweb.org
#4- Ashoka – Changemaking via Youth
Pros - The power of microfunding, great team profiles http://www.changemakers.com/main
#5- Tourism Australia – Map-based Travel Discovery
Pros - Great location-tagged photography and experiences http://www.nothinglikeaustralia.com/ca/flash.htm#/entries
#6- Twitter Stories – Tales from 140 Characters
Pros - Curated stories, emotional meaning, photographic impacthttp://stories.twitter.com/
#7 Moo.com – The Loveable Commodity
Pros - Friendly tone of voice, visual impact, helpful user-generated hints and tips http://us.moo.com/
#8- Outside 127 Hours – User-Generated Video Inspiration
Pros - Powerful use of video, competitive entries, inspirationalhttp://www.127definingmoments.com/
#9- The Responsibility Project – From insurance comes conversation…
Pros - Issues discussion, intercativity and guides, bringing to life a commodity product http://responsibility-project.libertymutual.com/
#10- SHFT – Curating the Best Sustainable Stuff to Notice and Talk
About
Pros - Great visual impact, well-categorized by activity, recognition for authors http://www.shft.com/
#11- NASA – Making Space Watchable
Pros - Key headlines, images and multimediahttp://www.nasa.gov/
#12- Mint – Bringing to Life Personal Finance
Pros - Clarity, simplicity, aggregated member data, user experiencehttps://www.mint.com/
#13 - Tribeca Film – Telling the Stories of the Storytellers
Pros - Simple navigation, visual display, most popular posts, filmmaker profiles http://www.tribecafilm.com/
#14- Freelancer – Crowdsourcing simply explained..
Pros - How it works, latest dynamic statistics, menu/category system
http://www.freelancer.com/
#15 - Sundance Festival – A lot of content colourfully
displayed…
Pros - Dynamic slider, extensive drop down menus, clean aesthetic http://www.sundance.org/festival/
#16- Open Ideo – Posing Challenges to the Creative World
Pros - Ranking of challenges and status, key statistics and activity, optimism
http://www.openideo.com/
#17- Crowdrise – Real-Time Call to Actions
Pros - Focus on projects, events, people – visual impact above the fold
http://www.crowdrise.com/
#18- Historypin – Creating a new category of visual website
Pros - Creative idea, well-explained in video, clean and simplehttp://www.historypin.com/
#19 Vibram – Provocative Technology
Pros - Simple concept provoactively renderedhttp://www.youarethetechnology.com/
#20-- Life – Cultures and Eras in Pictures
Pros - Black and white and hitory appeal, social media integartion, featured
http://life.time.com/
#21- The Johnny Cash Project – Multimedia Creative Production
Pros - Wonderfully simple crreative crowdsourcing ideahttp://www.thejohnnycashproject.com/
#22 - The Tiziano Project – Kurdistan’s Tapestry of Stories
Pros - Video collage, individual stories that tell a bigger storyhttp://tizianoproject.org/
#23 – National Geographic – Nature as an Art Gallery
Pros - Visual impact, editor’s picks, social media integrationhttp://www.nationalgeographic.com/
#24 – Dropbox – Simple Solution, Simply Explained
Pros - Directed attention, simple educationhttps://www.dropbox.com/
#25 Vitro Design Museum – Content on a Different Menu Plane
Pros - Unique menu system, supporting dynamic contenthttp://www.design-museum.de/index.php
#26 – Lego – Toys with Announcement Value
Pros - Colourful background, product displayhttp://www.lego.com/en-us/Default.aspx
#27 – Boss Bottled – A Super Curated, Nocturnal, Manly Problem Solver
Pros – Good use of data and design, global sitehttp://www.boss-fragrances.co.uk/mens-fragrances/boss-bottled-night/?lc=gb
#28 – AARP – Bringing the Everyday To Life
Pros - Interesting content, fun and games for older peoplehttp://www.aarp.org/
#29 – AVAAZ – Wearing a Cause on a Digital Sleeeve
Pros - Great global multilingual site, social proofhttp://www.avaaz.org/en/
#30 Ushahidi – Simple Crowdsourcing
Pros - Clean layout, mobile enbalementhttp://ushahidi.com/
#31 – Brains on Fire – The Personal and Intimate Agency
Pros - Personable/human tone, great About Us/Team areahttp://www.brainsonfire.com/
#32 TED – Inspirational 20 Minute Video Bliss
Pros - Video, collage effect, common format, well tagged, socially integrated
http://www.ted.com/
#33 – Kiva – Telling Stories and Providing Hope Around the World
Pros - Inspring, stortytelling, simple layout, call to actionhttp://www.kiva.org/
#34 – Quirky – If You Can Think It, You Can Do It
Pros - Clean, colourful, economy of wordshttp://www.quirky.com/
#35 Equinox – The Fitness Experience and Lifestyle Brand
Pros - Balance of information and lifestyle, mutimedia elementshttp://www.equinox.com/
#36 GE Ecomagination – Imagining The Future
Pros - Visuals, great content, infographics, loose distinctive web design
http://www.ecomagination.com/
#37 – One – Multiple Channels, One Cause
Pros - Dynmaic slider, typography, visuals, Facebook inegrationhttp://www.one.org/us/
#38 Wonderopolis – Daily Educational Inspiration
Pros - daily editorial calendar, simple focus, background imageryhttp://wonderopolis.org/
#39 – Freerice – A Reciprocal and Fun Relationship
Pros - novel educational fundraising model, real-time feedbackhttp://freerice.com/
#40 – Nike+ - Aesthetically Beautiful Fitness
Pros - Aesthetically beautiful, customer experience driven, use of icons
http://nikeplus.nike.com/plus/
#41 – Nesta – Solving for a Different Kind of Future
Pros - Words over pictures, compressed menu of informationhttp://www.nesta.org.uk/
#42 Umbra – Design Well Designed
Pros - Hero visuals and secondary menuhttp://www.umbra.com/
#43 The Nature Conservancy – Providing Greener Hope
Pros - Calls to action, what they do, descriptive dynamic sliderhttp://www.nature.org/
#44 NOLA’s Make It Right – The Continuing Hurricane Katrina
Cause
Pros - Results, icons, vdeoshttp://makeitrightnola.org/
#45 Crumpler – Fashion Icon Menus
Pros - lead visual impact, full catalogue on front pagehttp://www.crumpler.com/
#46 Threadless – Fun and Irreverent Design Challenges and T-Shirts
Pros - simple 4 menu structure, personable/human, elegant voting processhttp://www.threadless.com/
#47 Trendwatching – Prescribing and Anointing What’s
Next
Pros - creating new vernacular, deep content depth, colur schematic
http://trendwatching.com/briefing/
#48 8Tracks – A Gallery of DIY DJs
Pros - Tagging, Front page mix portfolio, onc-click functionalityhttp://8tracks.com/
#49 Pinterest – Curating Visual Splendour
Pros - object-centred focus, balance of presnted and user-generated reaction
http://pinterest.com/
#50 Blurb – Putting Personalization Right Into Your Hands Simply
Pros - Tagline, Big Visual, 1-2-3 Step process, Focused Call to Action, Value adds– Apps, Extra, Ideas , Content Rich (50 menu opts) http://www.blurb.com/
#51 Life is Good – Shopping Optimism
Pros - optimistic tone, visual categories, typography, storytellinghttp://www.lifeisgood.com/
Madrid is Coming! – July 21st, 2012
Take our 10 Minute CEO Survey:
https://www.surveymonkey.com/s/wunceoymca