Send the link below via email or IMCopy
Present to your audienceStart remote presentation
- Invited audience members will follow you as you navigate and present
- People invited to a presentation do not need a Prezi account
- This link expires 10 minutes after you close the presentation
- A maximum of 30 users can follow your presentation
- Learn more about this feature in our knowledge base article
Do you really want to delete this prezi?
Neither you, nor the coeditors you shared it with will be able to recover it again.
Make your likes visible on Facebook?
You can change this under Settings & Account at any time.
A web designer's guide to being lazy
Transcript of A web designer's guide to being lazy
guide to being lazy</h1>
Robert E. Kennedy Library, Cal Poly</h2>
Website redesign goals
Don't be scared to experiment
and start from scratch if needed.
Hi! I want to show you how to...
Establish effective and efficient workflows in your institution
Implement user-centered, responsive web design
Conduct useful and cheap (!) user experience studies
Minimize the amount of duplicated efforts
Methodology of COPE (Create Once, Publish Everywhere)
Create modular and portable content that can easily be reused for multiple purposes
Potential problems and bugs
User Experience at Kennedy Library
have to be
a team of one...
Library's need for mobile website obvious from stats:
+41% more mobile users compared to 2011/2012
Think "tap", not "click"
Responsive design: 3 columns collapse into single column (resolution below 980px width)
Main page widgets sorted by importance for users
Homepage slider hidden
Subpage sidebars move beneath main content
Responsive CSS3, HTML5, Font Awesome
write blog articles
copy for flyers
publish Facebook posts
live-tweet at events
Adapt everything to your needs:
strategy has to fit your institution's
WordPress (WP) multisite installation
Library main website and library blog
regular backups, push to staging (separate installation)
Theme: WP Responsive with child theme, bootstrap-based
3 style sheets: general, responsive, plugins
Times for three areas stored in Google calendar
Output to website: Custom WP-plugin
Custom shortcode: [rek_hours]
Research Help Chat
Third-party application: Ask a Librarian by LibraryH3lp
Output to website: Custom WP-plugin, changes to e-mail link when chat is not staffed
Custom shortcode: [rek_chat]
Ask a Librarian
Google Search Appliance
Mobile Site Builder
SFX (Citation Finder and Find-It)
Transport cohesive message to users
Reflect the mission and voice of Kennedy Library/Cal Poly
Simple, more effective navigation, user-centered language
Coherent look and feel across many platforms
Work with new standards in web design: CSS3, HTML5, scalable vector icons
Mobile-friendly website = responsive design
Improved functionality: better search, obvious open hours, prominent chat, intuitive maps
Implement WordPress CMS
Enable multiple editors and handle updates more effectively
Create shared sense of website ownership
Stakeholder goals might conflict
Adapting a whole new workflow
Learning new web style guides
Underestimating size of the project
Increased workload for authors and developers
CMS issues: plugins, updates, templates...
Educate your stakeholders
create modular content
publish to multiple platforms
website, blog, social media, digital signage, print materials
Analytics: assessment and general direction
User research: surveys, observations, A/B testing, social media,
(guerrilla) UX studies
Personas, scenarios, experience maps
Know thy user: collaboration with Student Library Advisory Council
Web Steering Committee with 8 members from different areas of library, including student
Results of guerrilla sketch-a-thon
18 individual sketches providing insight and guidance
Broad invitation to students, and library employees
Announced through Facebook, staff e-mail
Flyers distributed in library
Costs: only print!
Return: ~10% of flyers
Primary audience: students
Secondary: faculty, staff, alumni, community
Experience map shows two main goals of library users:
informational character (look up hours, search for book, ...)
enjoyable acticities (meet friends, have coffee, ...)
Website must help to make research enjoyable
Keep users' stress and frustration at a minimum
All information should be relevant and easy to find
Design for emotions: Tone must be friendly and uplifting
define identity, key messages, goals
tone of voice (less library terms, more action words)
give precise writing guidelines
Develop goals, strategy and methodology
Present to and communicate with all stakeholders
Listen to users
Share your results
Experiment: try, fail & repeat until you improve
"Where's my book" application with custom display on maps
Group finder application
"I am here" application
Planned for next year
When you're back...
"lazy" ideas emerge...
What if we...
improve our internal communication
create easy-to-follow guidelines
relate more to our users
convey one cohesive message
find a way to push same/similar content to different platforms
Share your ideas
Identify key players and stakeholders
Realize their (and your!) strengths and weaknesses
Find the right way to communicate
Also: find the right time and place, and then...
SPEAK UP - even if ideas are half-baked
Take your time and LISTEN to the responses
Tweak your ideas, find supporters/collaborators
Start doing cool stuff and share the process!
Multi-use content for Kennedy Library...
Storing hours in one calendar that feeds website, university portal and digital signage
Creating responsive website to eliminate mobile instance m.
Using same copy and image for website slider and digital signage
Using similar image for Facebook and website slider
Using poster graphics for portrait digital signage
Linking accounts for Twitter and Facebook
Custom calendar feed from main page plugin, displaying calendar entries on blog and digital displays throughout library
New interactive SVG maps inspired by NY City map redesign
Custom feature development