Website of Dreams Build it, Will They Come
•Als PPT, PDF herunterladen•
1 gefällt mir•1,615 views
The document discusses the redesign of Grinnell College's website. It describes goals for a new smaller site with an easier publishing workflow that better represents the school's brand and distinctiveness. An audit found the old site's navigation was confusing and the brand was unclear to outsiders. Prototypes were developed with concepts like "Individuality" and a customized tile system. The new site features a streamlined information architecture and content strategy to engage users. Initial user testing results have been positive, though changing behaviors remains a challenge. Benefits include more authentic communication while threats include resistance to change.
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie Website of Dreams Build it, Will They Come
Ähnlich wie Website of Dreams Build it, Will They Come (20)
Mehr von Promet Source
Mehr von Promet Source (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Website of Dreams Build it, Will They Come
- 1. Website of Dreams If You Build it, Will They Come? ROGUE ELEMENT : PROMET SOURCE : #MCS2
- 3. Rogue Element www.rogue-element.com Rob Coleman @rogueelementinc @mwskatecast Allison Manley
- 4. The Problem
- 6. Goals for the New Site • Smaller site • Easier publishing workflow • Represent the brand • Express Grinnell’s distinctiveness • Bring ALL users back • Build a new information architecture
- 7. Step 1: The Audit
- 8. Audit: Key Findings • Brand was strong for Grinnellians, but not at all for the uninitiated • Navigation was a mess • Drupal Issues • User Engagement
- 9. “It looks like the website for a bank.” “I can’t find anything on this site.” What We Heard
- 10. Prospective Students During your last visit to the Grinnell College website, were you able to find what you were looking for?
- 11. During your last visit to the Grinnell College website, were you able to find what you were looking for? Current Students
- 12. The CMS
- 13. Engagement
- 14. Step 2: The Process
- 15. “A brand we can all be proud of.”
- 16. Concept Statements • Home & Horizon • Unexpected • Individuality
- 18. Design #1
- 19. Design #2
- 20. Design #3
- 23. Top = Curated
- 24. Below = User’s Choice
- 25. How About a Custom Tile?
- 27. Performance
- 28. Other Benefits • No roles-based navigation: the masthead is uber-simple. • Truly makes the home page the hub from which you could go.
- 29. Office / Department Pages
- 30. Wireframes
- 34. Content: “feed the beast!”
- 35. > 1200 Fields < 350 Fields
- 43. Content Strategy • Page count reduced from 27,000 to 5,000 pages • Supporting a new publishing workflow
- 45. Taxonomy
- 47. Did it Work? Will They Come?
- 48. User Testing
- 49. Results to Date • Challenging users to generate current content • Initial launch — iterative changes as feedback comes in
- 50. Could Other Schools Replicate This? • Can you sell it internally? • Do you have an agreed-upon brand? • Can you get buy-in from departments? • Do you want a site that’s an evolving story? • Can you assign a Product Owner? • Can you feature-freeze?
- 51. Threats? • They may say things you don’t want to hear • It is difficult to change behaviors • More content = More content management
- 52. Benefits? • Authentic communication • Engages the school community • Puts the school into real conversations • Provides real utility to users • Meaningful and useable administration and workflow
- 53. Thank you! John Nollin john@prometsource.com @PrometSource Rob Coleman rob@rogue-element.com @rogueelementinc Allison Manley @mwskatecast Grinnell images by Justin Hayworth
Hinweis der Redaktion
- Sorry for the Field of Dreams pun . . . it is a school in Iowa after all.
- JOHN Open source web development Chicago Drupal and native IOS Grinnell Un of iowa U norther Iowa Marquette NYU Grinnell ALumni
- The Problem: A site that did not work for anyone (with visual) Branding Issues colors, look and feel, etc. Originally blue! UI/UX Issues navigation, search, hierarchy Departments defecting brand, upkeep, urls, control Content publishing and site updates add and edit content number of admins Near universal agreement on what makes Grinnell special Website lacks basic brand signals Website fails to show Grinnell’s culture Result: prospective students don’t know who you are, and outside media is allowed to define the college
- smaller site: were at 27000 easier publishing workflow content tagging less to appear to be more represent the brand bring ALL users back current, prospective, faculty, staff, alum differentiate them from similar schools Build your own experience a complete overhaul: bottom up audit and IA UI/UX needs and navigation Utilizing tagging and publishing workflow Roles and permissions
- For bullet #1: Near universal agreement on what makes Grinnell special Website lacks basic brand signals Website fails to show Grinnell’s culture : outsiders could only think RURAL Result: prospective students don’t know who you are, and outside media is allowed to define the college
- Problem messaging and brand consistent writing style Representation of who Grinnell really is Proposed solution Introducing a brand and design that appeals to all parties
- Problem Not able to bring new features to all department Control server, site outage content updates security and updates Proposed solution consistent navigation and layout to all department “sites” Standard set of “must have” sections Ability to have a few “add on” sections
- Problem Not able to bring new features to all department Control server, site outage content updates security and updates Proposed solution consistent navigation and layout to all department “sites” Standard set of “must have” sections Ability to have a few “add on” sections
- Problem Difficult for admins to update the site and provide meaningful content to visitors poorly organized (IA) and tagged content for ease of navigation or search Limited ability for users to interact with the content 200+ admins on the site Content not being driven places, instead being placed Proposed solution Publishing workflow to make administration of content easier Tagging system for improved content workflow, navigation, and search Improve IA to offer easier to follow flow to site navigation addition of best practice and most common social aspects to content driven sites roles and permissions
- Problem Website did not offer anything appealing for visitors (content) Navigation was difficult to get to and find what you were looking for No hook, or reason to come back Proposed solution High content driven homepage that offers tons of information at your fingertips Customizable homepage depicting the competitive advantage grinnell offers Improved navigation to make finding what you need simple
- Three terms Home: Grinnell College provides students with a secure, comfortable space from which to explore who they are and what they want to become Unexpected: Grinnell College gives students an exciting learning environment filled with the unexpected and teaches them to explore their possibilities Individuality: This concept explores the idea of a customizable experience that allows members of the Grinnell community to submit new “community elements” for inclusion on the website and to save these elements to a personalized dashboard or account. Another way express this concept would be to provide a custom experience every time a user visits the site, with a new selection of features exploring an eclectic mix of interests and topics. We can also provide roles/tasks-based “filters” to arrange the elements in new ways.
- Started with pencil sketches to first define those three concepts. As we sketched, the idea of customization for “Individuality” came up. Mapped out both mobile and desktop, and talked the idea through with Promet. It was definitely out of scope and budget, so we went into the presentation with strategies.
- To demonstrate indivduality, we came up with three different designs. The first was a mosaic and the text would appear as you hovered over each tile.
- More Pinterest-like, with the customization panel on the left that would slide out from the edge of the browser. Tiles could be as tall as needed and were categorized with the latest story at the top and others below.
- The chosen version. Very taxonomy-driven, with a selection of tiles from which people can choose.
- Customization Tile System user login creating your own experience Engagement content Analytics
- Everything above the gray rules = curated content
- Everything below = user’s choice. We considered a few options for saving: • cookies • pre-selected info depending on your user group (prospectives, alumni, etc) • truly customizable: create and account and pick your choices. Newspapers were trying this route. Once account is created, your tiles appear.
- John’s idea: to have one tile in which you could put links to most commonly visited/useful pages for you. Could also link to outside sites. User testing: half of users said they just bookmark pages, but half really liked the ability. You can always turn it off if its useless to you. Many college sites offer quick links, but now you can choose your own.
- What user sees when they are choosing their tiles and quick links
- Dedicated and cloud based load balance solution Scaleable Authenticated users to cloud Unauthenticated/anonymous get served cached data from dedicated server
- Allison
- Promet talk about process from wires to action on these
- Department/office pages content types customize their own area standard set of menu items on each page can also choose additional blocks/sidebar items ownership/autonomy to their own content ability to have their content “grabbed” and escalated Roles and permissions
- Department/office pages could also customize . . . to a degree. Grinnell wanted to start with cohesion content types customize their own area standard set of menu items on each page can also choose additional blocks/sidebar items ownership/autonomy to their own content ability to have their content “grabbed” and escalated Roles and permissions
- Content -- Feed the beast Infrastructure to power the content Well thought out content types, fields, etc Ease of use for administration to add content taxonomy Hierarchy and department driven content Topic driven tagging and content Publishing workflow and escalation of content What content types can departments contribute to How can these piece of content add to not only their section but other pages How can grinnell communications push content to users while also allowing them to choose their own content to be fed? consolidating tiles being smart about how many back-end editors could support the tiles there are 30 tiles presently, could split off as needed.
- taxonomy Hierarchy and department driven content Topic driven tagging and content
- Publishing workflow and escalation of content What content types can departments contribute to How can these piece of content add to not only their section but other pages How can grinnell communications push content to users while also allowing them to choose their own content to be fed?
- Publishing workflow and escalation of content What content types can departments contribute to How can these piece of content add to not only their section but other pages How can grinnell communications push content to users while also allowing them to choose their own content to be fed?
- Content escalation by more sr. staff and permissions
- Content escalation by more sr. staff and permissions
- This wasnt a situation where we figured out the specks and then just went to work without the Grinnell team. They too needed to get “work” done.
- Page count were at 27000 edited down to 5000. Edited archivable content deleted redundancies. Publishing workflow Roles and Permissions Content types taxonomy working Created a taxonomy to match their colleges structure so that they could power the publishing workflow Making less content seem like more.
- consolidating tiles being smart about how many back-end editors could support the tiles there are 30 tiles presently, could split off as needed. “ Poster of the Week” demonstrates bringing the engagement from the physical posters back online, and reflects the campus culture
- Offer a more meaningful way to find content (dont always use search) Hierarchy -- groups Topics -- Services -- need to spend a lot of time to build a category taxonomy that meets the needs of your college or university 800+ tags 4 levels
- Balance Control and autonomy Standard set of branding/design/templates Standard set of required menu items Ability to choose add ons Future ability to have more add ons
- Before any development began, we ran user testing with Prospectives on if they would want customization. All subjects liked the idea. Current Students, Faculty and Staff were also more positive than not.
- JOHN Google Analytics: Visits and Pageviews both increased in less than a week
- Other Circumstances that Benefited this project: 1. Small school 2. a site so old it needed a 100% overhaul, soup to nuts 3. a healthy budget 4. they wanted to make an impression 5. new risk-taking president
- Grinnell is still struggling with content but it’s coming along.