Why #littlebigdetails Matter and What You Should Do About Them

1,198 views
1,105 views

Published on

The audience, structure and often the design of university websites are 90% the same (for the most part). Although your website is probably not the sole reason students enroll, it can be a detractor. The difference between a regular site and a rememberable one is the #littlebigdetails. A lot of time is spent on the “big details” of a website, like the centerpiece image, and things that everyone expects, frankly the easy decisions. The harder, but more memorable, are the little details that make a big difference in your user's experience. Learn why these details make such a large impact and how to take a step back to discover how to add a little joy to your user experience.

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,198
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Why #littlebigdetails Matter and What You Should Do About Them

  1. 1. @nickdenardis #psuweb13#littlebigdetailsWhat and why they matter.
  2. 2. @nickdenardis #psuweb13@nickdenardis
  3. 3. @nickdenardis #psuweb13Associate Director of Web CommunicationsWayne State Universitywayne.eduHost of EDU Checkupeducheckup.comCurator of EDU Snippitsedusnippits.comNick DeNardis
  4. 4. @nickdenardis #psuweb13Same. Same. Same.Higher Education Websites
  5. 5. @nickdenardis #psuweb13NameSearchGirls under treesNavigationPromotionNews Events
  6. 6. @nickdenardis #psuweb13NameSearchGirls under treesNavigationPromotionNews Events
  7. 7. @nickdenardis #psuweb13NameSearchGirls under treesNavigationPromotionNews EventsImpact statement
  8. 8. @nickdenardis #psuweb13Outliers
  9. 9. @nickdenardis #psuweb13nd.edu
  10. 10. @nickdenardis #psuweb13georgetown.edu
  11. 11. @nickdenardis #psuweb13drew.edu
  12. 12. @nickdenardis #psuweb13ProgramsAdmissionsApplyFinancial AidClass Schedule
  13. 13. @nickdenardis #psuweb13You are your websiteIntrigue your visitors, don’t put them o.
  14. 14. @nickdenardis #psuweb13Source: Noel-LevitzImpression of your website
  15. 15. @nickdenardis #psuweb13Customizing your site is hard(especially in highered)
  16. 16. @nickdenardis #psuweb13Highered suers from• Lack of ‘product’ champions• Limited time/budget• CMS’s...• Decentralization/Centralization struggle• RFP/Committee fatigue• Innovation paralysis
  17. 17. @nickdenardis #psuweb13“Not all of us can do greatthings. But we can do smallthings with great love.”~ Mother Teresa
  18. 18. @nickdenardis #psuweb13Everything Matters
  19. 19. @nickdenardis #psuweb13Details(medium sized ones)
  20. 20. @nickdenardis #psuweb13Auto Correct
  21. 21. @nickdenardis #psuweb13Nifty interfacesumd.edu
  22. 22. @nickdenardis #psuweb13Little Details
  23. 23. @nickdenardis #psuweb13earlham.edu
  24. 24. @nickdenardis #psuweb13admission.universityofcalifornia.edu
  25. 25. @nickdenardis #psuweb13twitter.com
  26. 26. @nickdenardis #psuweb13
  27. 27. @nickdenardis #psuweb13Little Big Details
  28. 28. @nickdenardis #psuweb13So what are they?Not apparentUseful to the userSolves a problem“Hey, did you know..”?
  29. 29. @nickdenardis #psuweb13Pure Utility
  30. 30. @nickdenardis #psuweb13basecamp.com
  31. 31. @nickdenardis #psuweb13
  32. 32. @nickdenardis #psuweb13siu.edu
  33. 33. @nickdenardis #psuweb13Justifying the time
  34. 34. @nickdenardis #psuweb13GA Event Tracking_trackEvent(category, action, opt_label,opt_value, opt_noninteraction)_trackEvent(‘littlebigdetail’, ‘moved-click’, ‘Future Students’)
  35. 35. @nickdenardis #psuweb13
  36. 36. @nickdenardis #psuweb13Added Value
  37. 37. @nickdenardis #psuweb13reddit.com
  38. 38. @nickdenardis #psuweb13
  39. 39. @nickdenardis #psuweb13
  40. 40. @nickdenardis #psuweb13
  41. 41. @nickdenardis #psuweb13oc.edu/admissions/undergraduate/
  42. 42. @nickdenardis #psuweb13oc.edu/admissions/undergraduate/
  43. 43. @nickdenardis #psuweb13vfs.com
  44. 44. @nickdenardis #psuweb13givingto.msu.edu
  45. 45. @nickdenardis #psuweb13Hidden Feature
  46. 46. @nickdenardis #psuweb13snhu.eduhttp://j.mp/11JHfxW
  47. 47. @nickdenardis #psuweb13soundcloud.com
  48. 48. @nickdenardis #psuweb13lafayette.edu
  49. 49. @nickdenardis #psuweb13Creating a #littlebigdetail
  50. 50. @nickdenardis #psuweb13RulesYour website must work firstNo A/B test you can useWon’t get you an awardPut a smile on someone’s face
  51. 51. @nickdenardis #psuweb13Step 1:Eat your own dog food
  52. 52. @nickdenardis #psuweb13
  53. 53. @nickdenardis #psuweb13
  54. 54. @nickdenardis #psuweb13Step 2:Watch users and find patterns
  55. 55. @nickdenardis #psuweb13
  56. 56. @nickdenardis #psuweb13
  57. 57. @nickdenardis #psuweb13
  58. 58. @nickdenardis #psuweb13Step 3:Solve the problem, track it
  59. 59. @nickdenardis #psuweb13visitedconnect.wayne.edu?NoYesmailto:user@wayne.eduhttps://connect.wayne.edu/zimbra/?view=compose&to=user@wayne.edu
  60. 60. @nickdenardis #psuweb13Step 4:Profit.
  61. 61. @nickdenardis #psuweb13Resources• http://littlebigdetails.com/• http://uxporn.uxpin.com/• http://www.flickr.com/groups/microcopy/• http://edusnippits.com/• http://sixux.com/
  62. 62. @nickdenardis #psuweb13Thank youspeakerdeck.com/nickdenardis

×