Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
REDESIGN ON A DIME
DIY:
Building a clean, user-friendly library
Website using free and home-grown tools
CONTEXT/CONSTRAINTS/NEEDS
DESIGN
USABILITY
DIY:
1
4
3
2
5
6
7
10
8
9
CONTEXT / CONSTRAINTS / NEEDS
DIY
FIRST, A BIT OF BACKGROUND
PAST
JUNE 2006
PAST
APRIL 2010
PAST
JANUARY 2013
PAST
DRAWHERE.COM
DIY
NAVIGATE TO
YOUR WEBSITE:
• BEST 3 THINGS
• WORST 3 THINGS
5min
1
College branding
2
Subpages
2
Subpages
DESIGN
DIY
3
Inspiration
4
WireframePro
4
WireframePro
3
Inspiration
4
WireframePro
4
WireframePro
MOCKFLOW.COM
• DESIGN PROTOTYPE
TO ADDRESS ONE OF
THE WORST THINGS
10min
5
jQuery Tabbed Navigation
5
jQuery Tabbed Navigation
5
jQuery Tabbed Navigation
5
jQuery Tabbed Navigation
6
Vendor Widgets
6
Vendor Widgets
USABILITY
DIY
7
Card Sorts
7
Card Sorts
CARD SORTS
• ARRANGE CARDS INTO
CATEGORIES THAT
MAKE SENSE TO YOU
5min
8
Jing
8
Jing
8
Jing
8
Jing
JING
• IN PARTNERS:
RECORD ONE PERSON
COMPLETING TASKS
ON YOUR HOMEPAGE
10min
9
Homemade Buttons
9
Homemade Buttons
9
Homemade Buttons
10
Google Calendar
10
Google Calendar
10
Google Calendar
10
Google Calendar
10
Google Calendar
DIY:
All this adds up to big change
for the library’s website!
THE BIG
REVEAL
THE BIG REVEAL
DIY“Utilizing limited space
on the template allotted”
“Instructions are brief but also
intuitive and suffic...
Questions
?
julie.arensdorf@loras.edu
LibTech 2014: Redesign On A Dime
LibTech 2014: Redesign On A Dime
LibTech 2014: Redesign On A Dime
LibTech 2014: Redesign On A Dime
LibTech 2014: Redesign On A Dime
LibTech 2014: Redesign On A Dime
LibTech 2014: Redesign On A Dime
LibTech 2014: Redesign On A Dime
LibTech 2014: Redesign On A Dime
LibTech 2014: Redesign On A Dime
Upcoming SlideShare
Loading in …5
×

LibTech 2014: Redesign On A Dime

591 views

Published on

Loras College librarians transformed their library’s website into one that responded to users’ needs while meeting the library's teaching objectives and the College’s branding requirements - all with no budget, limited staff, and very little technical assistance. Presented at the 2014 Library Technology Conference at Macalester College. Also available at: http://digitalcommons.macalester.edu/libtech_conf/2014/sessions/17/

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

LibTech 2014: Redesign On A Dime

  1. 1. REDESIGN ON A DIME DIY: Building a clean, user-friendly library Website using free and home-grown tools
  2. 2. CONTEXT/CONSTRAINTS/NEEDS DESIGN USABILITY DIY:
  3. 3. 1 4 3 2 5 6 7 10 8 9
  4. 4. CONTEXT / CONSTRAINTS / NEEDS DIY
  5. 5. FIRST, A BIT OF BACKGROUND PAST
  6. 6. JUNE 2006 PAST
  7. 7. APRIL 2010 PAST
  8. 8. JANUARY 2013 PAST
  9. 9. DRAWHERE.COM DIY
  10. 10. NAVIGATE TO YOUR WEBSITE: • BEST 3 THINGS • WORST 3 THINGS 5min
  11. 11. 1 College branding
  12. 12. 2 Subpages
  13. 13. 2 Subpages
  14. 14. DESIGN DIY
  15. 15. 3 Inspiration
  16. 16. 4 WireframePro
  17. 17. 4 WireframePro
  18. 18. 3 Inspiration
  19. 19. 4 WireframePro
  20. 20. 4 WireframePro
  21. 21. MOCKFLOW.COM • DESIGN PROTOTYPE TO ADDRESS ONE OF THE WORST THINGS 10min
  22. 22. 5 jQuery Tabbed Navigation
  23. 23. 5 jQuery Tabbed Navigation
  24. 24. 5 jQuery Tabbed Navigation
  25. 25. 5 jQuery Tabbed Navigation
  26. 26. 6 Vendor Widgets
  27. 27. 6 Vendor Widgets
  28. 28. USABILITY DIY
  29. 29. 7 Card Sorts
  30. 30. 7 Card Sorts
  31. 31. CARD SORTS • ARRANGE CARDS INTO CATEGORIES THAT MAKE SENSE TO YOU 5min
  32. 32. 8 Jing
  33. 33. 8 Jing
  34. 34. 8 Jing
  35. 35. 8 Jing
  36. 36. JING • IN PARTNERS: RECORD ONE PERSON COMPLETING TASKS ON YOUR HOMEPAGE 10min
  37. 37. 9 Homemade Buttons
  38. 38. 9 Homemade Buttons
  39. 39. 9 Homemade Buttons
  40. 40. 10 Google Calendar
  41. 41. 10 Google Calendar
  42. 42. 10 Google Calendar
  43. 43. 10 Google Calendar
  44. 44. 10 Google Calendar
  45. 45. DIY: All this adds up to big change for the library’s website! THE BIG REVEAL
  46. 46. THE BIG REVEAL DIY“Utilizing limited space on the template allotted” “Instructions are brief but also intuitive and sufficient” “Less really is more” “Navigation is quick and easy” “As a user you have no trouble finding what you need” ACRLCollege LibrariesSection Websiteofthe Month
  47. 47. Questions ? julie.arensdorf@loras.edu

×