Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Creating Dynamic Web Content

Logan Franken
November 05, 2014

Creating Dynamic Web Content

A talk about creating dynamic, quality content for UC Directors

Logan Franken

November 05, 2014
Tweet

More Decks by Logan Franken

Other Decks in Education

Transcript

  1. CREATING
    DYNAMIC
    WEB CONTENT
    LOGAN FRANKEN

    View Slide

  2. CREATING
    DYNAMIC
    WEB CONTENT
    LOGAN FRANKEN

    View Slide

  3. LETS TALK ABOUT

    View Slide

  4. LETS TALK ABOUT
    PAC-MAN

    View Slide

  5. PAC-MAN CAN
    “CORNER” TURNS

    View Slide

  6. PAC-MAN CAN
    “CORNER” TURNS
    GHOSTS HAVE A “SCATTER”
    AND “CHASE” MODE

    View Slide

  7. PAC-MAN CAN
    “CORNER” TURNS
    GHOSTS HAVE A “SCATTER”
    AND “CHASE” MODE
    IN “SCATTER” MODE, GHOSTS EACH HAVE A
    FAVORITE CORNER OF THE MAZE

    View Slide

  8. PAC-MAN CAN
    “CORNER” TURNS
    GHOSTS HAVE A “SCATTER”
    AND “CHASE” MODE
    IN “SCATTER” MODE, GHOSTS EACH HAVE A
    FAVORITE CORNER OF THE MAZE
    BLINKY THE GHOST CAN INCREASE HIS SPEED

    View Slide

  9. PAC-MAN CAN
    “CORNER” TURNS
    GHOSTS HAVE A “SCATTER”
    AND “CHASE” MODE
    IN “SCATTER” MODE, GHOSTS EACH HAVE A
    FAVORITE CORNER OF THE MAZE
    BLINKY THE GHOST CAN INCREASE HIS SPEED
    WHEN HIS SPEED IS INCREASED,
    BLINKY’S NICKNAME IS
    CRUISE ELROY

    View Slide

  10. PAC-MAN CAN
    “CORNER” TURNS
    GHOSTS HAVE A “SCATTER”
    AND “CHASE” MODE
    IN “SCATTER” MODE, GHOSTS EACH HAVE A
    FAVORITE CORNER OF THE MAZE
    LEVEL 256
    ONLY DISPLAYS
    HALF THE SCREEN
    BLINKY THE GHOST CAN INCREASE HIS SPEED
    WHEN HIS SPEED IS INCREASED,
    BLINKY’S NICKNAME IS
    CRUISE ELROY

    View Slide

  11. I LOVE THIS STUFF

    View Slide

  12. I LOVE THIS STUFF
    BUT YOU PROBABLY DONT CARE

    View Slide

  13. WHO HAS THE POWER?
    YOU ME

    View Slide

  14. WHO HAS THE POWER?
    YOU ME
    I WANT TO TELL YOU
    YOU DONT REALLY CARE

    View Slide

  15. WHO HAS THE POWER?
    YOU ME
    I WANT TO TELL YOU
    YOU DONT REALLY CARE

    View Slide

  16. BUT WHAT IF…
    YOU NEEDED TO KNOW THIS STUFF?

    View Slide

  17. BUT WHAT IF…
    YOU NEEDED TO KNOW THIS STUFF?

    View Slide

  18. NOW WHO HAS THE POWER?
    YOU ME

    View Slide

  19. NOW WHO HAS THE POWER?
    YOU ME
    I HAVE THE INFO
    YOU NEED IT

    View Slide

  20. NOW WHO HAS THE POWER?
    YOU ME
    I HAVE THE INFO
    YOU NEED IT

    View Slide

  21. OH? WHATS THAT?

    View Slide

  22. OH? WHATS THAT?
    YOU NEED TO KNOW ABOUT PAC-MAN?

    View Slide

  23. PAC-MAN CAN
    “CORNER” TURNS
    GHOSTS HAVE A “SCATTER”
    AND “CHASE” MODE
    IN “SCATTER” MODE, GHOSTS EACH HAVE A
    FAVORITE CORNER OF THE MAZE
    LEVEL 256
    ONLY DISPLAYS
    HALF THE SCREEN
    BLINKY THE GHOST CAN INCREASE HIS SPEED
    WHEN HIS SPEED IS INCREASED,
    BLINKY’S NICKNAME IS
    CRUISE ELROY

    View Slide

  24. BUT YOU STILL DONT CARE

    View Slide

  25. WELL, WHATEVER

    View Slide

  26. WELL, WHATEVER
    THATS YOUR PROBLEM, RIGHT?

    View Slide

  27. NO WAY

    View Slide

  28. IF I DONT COMMUNICATE WELL

    View Slide

  29. IF I DONT COMMUNICATE WELL
    I HAVENT COMMUNICATED

    View Slide

  30. ALRIGHT, ALRIGHT

    View Slide

  31. ALRIGHT, ALRIGHT
    SO HOW CAN WE MAKE GOOD CONTENT?

    View Slide

  32. LETS TALK ABOUT IT

    View Slide

  33. CONTENT FIRST

    View Slide

  34. POP QUIZ!

    View Slide

  35. WHY IS A STUDENT GOING TO YOUR WEBSITE?
    a) CHECK OUT THE SLICK HOVER EFFECTS ON
    YOUR BUTTONS
    b) SEE A PICTURE OF ANOTHER STUDENT
    CROSSING THEIR ARMS AND SMILING
    ASSUREDLY
    c) FIND THE ACADEMIC CALENDAR

    View Slide

  36. WHY IS A STUDENT GOING TO YOUR WEBSITE?
    a) CHECK OUT THE SLICK HOVER EFFECTS ON
    YOUR BUTTONS
    b) SEE A PICTURE OF ANOTHER STUDENT
    CROSSING THEIR ARMS AND SMILING
    ASSUREDLY
    c) FIND THE ACADEMIC CALENDAR

    View Slide

  37. WHY IS A STUDENT GOING TO YOUR WEBSITE?
    a) CHECK OUT THE SLICK HOVER EFFECTS ON
    YOUR BUTTONS
    b) SEE A PICTURE OF ANOTHER STUDENT
    CROSSING THEIR ARMS AND SMILING
    ASSUREDLY
    c) FIND THE ACADEMIC CALENDAR

    View Slide

  38. WHY IS A STUDENT GOING TO YOUR WEBSITE?
    a) CHECK OUT THE SLICK HOVER EFFECTS ON
    YOUR BUTTONS
    b) SEE A PICTURE OF ANOTHER STUDENT
    CROSSING THEIR ARMS AND SMILING
    ASSUREDLY
    c) FIND THE ACADEMIC CALENDAR

    View Slide

  39. CONTENT IS THE REASON
    YOUR WEBSITE EXISTS

    View Slide

  40. A WEBSITE REDESIGN
    SHOULD START WITH A CONTENT REWRITE

    View Slide

  41. A WEBSITE REDESIGN
    SHOULD START WITH A CONTENT REWRITE

    View Slide

  42. A WEBSITE REDESIGN
    SHOULD START WITH A CONTENT REWRITE
    AND REAL CONTENT

    View Slide

  43. SHOULD START WITH A CONTENT REWRITE
    LOREM IPSUM

    View Slide

  44. SHOULD START WITH A CONTENT REWRITE
    LOREM IPSUM

    View Slide

  45. VISUAL CONTRACT

    View Slide

  46. WHICH ONE IS IMPORTANT?
    Department of Fun Bulletins:
    • Scholarship Applications Due June 30th
    •Office Closures
    • HANDS-ON LEARNING SESSION (7/30) NEW!
    • Important! New Federal Regulations

    View Slide

  47. SHOULD START WITH A CONTENT REWRITE
    IF EVERYTHING IS
    OLDED / HIGHLIGHTED / UNDERLINED / RED / GIAN
    THEN NOTHING IS

    View Slide

  48. SHOULD START WITH A CONTENT REWRITE
    IF EVERYTHING IS
    OLDED / HIGHLIGHTED / UNDERLINED / RED / GIAN
    THEN NOTHING IS

    View Slide

  49. DEFINE A VISUAL CONTRACT
    LINKS WILL BE BLUE
    ERROR MESSAGES WILL BE RED
    IMPORTANT POINTS WILL BE BOLDED
    AND STICK WITH IT

    View Slide

  50. DEFINE A VISUAL CONTRACT
    LINKS WILL BE BLUE
    ERROR MESSAGES WILL BE RED
    IMPORTANT POINTS WILL BE BOLDED
    AND STICK WITH IT

    View Slide

  51. DEFINE A VISUAL CONTRACT
    LINKS WILL BE BLUE
    ERROR MESSAGES WILL BE RED
    IMPORTANT POINTS WILL BE BOLDED
    AND STICK WITH IT

    View Slide

  52. ALLOW USERS TO LEARN THE
    VISUAL LANGUAGE
    OF YOUR WEBSITE

    View Slide

  53. VISUAL CONTRACT

    View Slide

  54. COMMUNICATE
    CONSISTENTLY

    View Slide

  55. GO TO THE LOANS PAGE
    OKAY, THAT’S WHERE I’LL FIND IT?
    YES, IN THE LOANS SECTION
    WAIT, WHAT?
    ON THE LOANS TAB

    View Slide

  56. GO TO THE LOANS PAGE
    OKAY, THAT’S WHERE I’LL FIND IT?
    YES, IN THE LOANS SECTION
    WAIT, WHAT?
    ON THE LOANS TAB

    View Slide

  57. GO TO THE LOANS PAGE
    OKAY, THAT’S WHERE I’LL FIND IT?
    YES, IN THE LOANS SECTION
    WAIT, WHAT?
    ON THE LOANS TAB

    View Slide

  58. GO TO THE LOANS PAGE
    OKAY, THAT’S WHERE I’LL FIND IT?
    YES, IN THE LOANS SECTION
    WAIT, WHAT?
    ON THE LOANS TAB

    View Slide

  59. GO TO THE LOANS PAGE
    OKAY, THAT’S WHERE I’LL FIND IT?
    YES, IN THE LOANS SECTION
    WAIT, WHAT?
    ON THE LOANS TAB

    View Slide

  60. CREATE A STYLE GUIDE
    AND STICK WITH IT

    View Slide

  61. CREATE A STYLE GUIDE
    FORMAL OR INFORMAL TONE?
    NAME OF THE DEPARTMENT?
    REFERRING TO OTHER PAGES?
    AND STICK WITH IT

    View Slide

  62. BE CONCISE

    View Slide

  63. “WE HAVE TO INCLUDE
    ALL OF THIS CONTENT TO
    MAKE SURE THE USER IS
    INFORMED.”

    View Slide

  64. IF A USER DOESNT READ
    BECAUSE ITS TOO LONG,
    THEY ARE NOT INFORMED
    ALL OF THIS CONTENT TO
    MAKE SURE THE USER IS
    INFORMED.”

    View Slide

  65. IS IT NECESSARY?

    View Slide

  66. IS IT REALLY NECESSARY?
    “Users often leave Web pages in 10-20 seconds”
    “On the average Web page, users have time to
    read at most 28% of the words”
    Nielsen Norman Group

    View Slide

  67. LESS FLOWERY ADVICE

    View Slide

  68. LESS FLOWERY ADVICE
    LISTS

    View Slide

  69. To be eligible for the Gaucho scholarship, students must:
    • Be a U.S. citizen; Be eligible for federally-funded financial aid
    • Be enrolled full-time in a degree program. Full-time is a minimum of 12
    units, determined fifteen days into the semester
    • If a student is enrolled in less than 12 units, the Gaucho scholarship
    must be billed back
    • If the scholarship is reduced, it can not be reinstated at a later date
    • Students must maintain a 2.0 cumulative GPA. Transfer students may
    have their initial eligibility based on units from their previous institution

    View Slide

  70. To be eligible for the Gaucho scholarship, students must:
    • Be a U.S. citizen; Be eligible for federally-funded financial aid
    • Be enrolled full-time in a degree program. Full-time is a minimum of 12
    units, determined fifteen days into the semester
    • If a student is enrolled in less than 12 units, the Gaucho scholarship
    must be billed back
    • If the scholarship is reduced, it can not be reinstated at a later date
    • Students must maintain a 2.0 cumulative GPA. Transfer students may
    have their initial eligibility based on units from their previous institution

    View Slide

  71. LISTS SHOULD BE:
    • SHORT
    • CONSISTENT
    • ATOMIC

    View Slide

  72. To be eligible for the Gaucho scholarship, students must:
    • Be a U.S. citizen
    • Be eligible for federally-funded financial aid
    • Be enrolled full-time in a degree program
    • Maintain a 2.0 cumulative GPA

    View Slide

  73. LESS FLOWERY ADVICE
    LINKS

    View Slide

  74. For more information, visit the Department of Education
    website at http://www.ed.gov/.
    For more information, click here to visit the Department
    of Education website.
    For more information, visit the Department of
    Education’s website.

    View Slide

  75. For more information, visit the Department of Education
    website at http://www.ed.gov/.
    For more information, click here to visit the Department
    of Education website.
    For more information, visit the Department of
    Education’s website.

    View Slide

  76. LINKS SHOULD BE:
    • SHORT
    • NOUNS
    • EASY-TO-SCAN
    • DESCRIPTIVE

    View Slide

  77. For more information, visit the Department
    of Education’s website.
    GOOD

    View Slide

  78. For more information, visit the Department
    of Education’s website.
    The Department of Education can provide
    more information.
    GOOD
    EVEN BETTER

    View Slide

  79. KEEP IT FRESH

    View Slide

  80. OLD CONTENT IS
    BAD CONTENT

    View Slide

  81. POP QUIZ!
    (ANOTHER)

    View Slide

  82. WHO KNOWS THE MOST ABOUT A PROGRAM?
    a) DEVELOPER
    b) STUDENT INTERN
    c) DIRECTOR
    d) MANAGER OF THE PROGRAM

    View Slide

  83. WHO KNOWS THE MOST ABOUT A PROGRAM?
    a) DEVELOPER
    b) STUDENT INTERN
    c) DIRECTOR
    d) MANAGER OF THE PROGRAM

    View Slide

  84. WHO KNOWS THE MOST ABOUT A PROGRAM?
    a) DEVELOPER
    b) STUDENT INTERN
    c) DIRECTOR
    d) MANAGER OF THE PROGRAM

    View Slide

  85. WHO KNOWS THE MOST ABOUT A PROGRAM?
    a) DEVELOPER
    b) STUDENT INTERN
    c) DIRECTOR
    d) MANAGER OF THE PROGRAM

    View Slide

  86. WHO KNOWS THE MOST ABOUT A PROGRAM?
    a) DEVELOPER
    b) STUDENT INTERN
    c) DIRECTOR
    d) PROGRAM MANAGER

    View Slide

  87. SO WHO SHOULD MAINTAIN THE CONTENT?
    a) DEVELOPER
    b) STUDENT INTERN
    c) DIRECTOR
    d) PROGRAM MANAGER

    View Slide

  88. BUT HOW DO WE KEEP
    CONTENT FRESH?

    View Slide

  89. NEED THE RIGHT TOOLS
    FRIENDLY CMS
    FRIENDLY CMS TRAINING

    View Slide

  90. NEED THE RIGHT TOOLS
    FRIENDLY CMS
    FRIENDLY CMS TRAINING

    View Slide

  91. NEED THE RIGHT TOOLS
    FRIENDLY CMS
    FRIENDLIER CMS TRAINING

    View Slide

  92. NEED THE RIGHT PROCESS
    UPDATE ON SCHEDULE
    WEBSITE AS SOURCE OF TRUTH

    View Slide

  93. NEED THE RIGHT PROCESS
    UPDATE ON A SCHEDULE
    WEBSITE AS SOURCE OF TRUTH

    View Slide

  94. NEED THE RIGHT PROCESS
    UPDATE ON A SCHEDULE
    WEBSITE AS SOURCE OF TRUTH

    View Slide

  95. AVOID
    CONTENT DUPLICATION
    AVOID
    CONTENT DUPLICATION
    AVOID
    CONTENT DUPLICATION
    CONTENT DUPLICATION
    AVOID

    View Slide

  96. AVOID
    CONTENT DUPLICATION
    AVOID
    CONTENT DUPLICATION
    AVOID
    CONTENT DUPLICATION
    CONTENT DUPLICATION
    AVOID
    MAINTAIN ONE SOURCE OF TRUTH

    View Slide

  97. AVOID
    CONTENT DUPLICATION
    AVOID
    CONTENT DUPLICATION
    AVOID
    CONTENT DUPLICATION
    CONTENT DUPLICATION
    AVOID
    MAINTAIN ONE SOURCE OF TRUTH
    AND POINT PEOPLE TO THAT

    View Slide

  98. AVOID
    CONTENT DUPLICATION
    AVOID
    CONTENT DUPLICATION
    AVOID
    CONTENT DUPLICATION
    CONTENT DUPLICATION
    AVOID
    MAINTAIN ONE SOURCE OF TRUTH
    AND POINT PEOPLE TO THAT
    (HINT: IT MAY NOT BE ON YOUR WEBSITE)

    View Slide

  99. THANKS!
    QUESTIONS?

    View Slide