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

Creating Dynamic Web Content

1d08e352a877ffd18aa868a963074b1f?s=47 Logan Franken
November 05, 2014

Creating Dynamic Web Content

A talk about creating dynamic, quality content for UC Directors

1d08e352a877ffd18aa868a963074b1f?s=128

Logan Franken

November 05, 2014
Tweet

Transcript

  1. CREATING DYNAMIC WEB CONTENT LOGAN FRANKEN

  2. CREATING DYNAMIC WEB CONTENT LOGAN FRANKEN

  3. LETS TALK ABOUT

  4. LETS TALK ABOUT PAC-MAN

  5. PAC-MAN CAN “CORNER” TURNS

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

    MODE
  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
  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
  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
  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
  11. I LOVE THIS STUFF

  12. I LOVE THIS STUFF BUT YOU PROBABLY DONT CARE

  13. WHO HAS THE POWER? YOU ME

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

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

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

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

  18. NOW WHO HAS THE POWER? YOU ME

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

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

    INFO YOU NEED IT
  21. OH? WHATS THAT?

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

  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
  24. BUT YOU STILL DONT CARE

  25. WELL, WHATEVER

  26. WELL, WHATEVER THATS YOUR PROBLEM, RIGHT?

  27. NO WAY

  28. IF I DONT COMMUNICATE WELL

  29. IF I DONT COMMUNICATE WELL I HAVENT COMMUNICATED

  30. ALRIGHT, ALRIGHT

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

  32. LETS TALK ABOUT IT

  33. CONTENT FIRST

  34. POP QUIZ!

  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
  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
  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
  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
  39. CONTENT IS THE REASON YOUR WEBSITE EXISTS

  40. A WEBSITE REDESIGN SHOULD START WITH A CONTENT REWRITE

  41. A WEBSITE REDESIGN SHOULD START WITH A CONTENT REWRITE

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

    REAL CONTENT
  43. SHOULD START WITH A CONTENT REWRITE LOREM IPSUM

  44. SHOULD START WITH A CONTENT REWRITE LOREM IPSUM

  45. VISUAL CONTRACT

  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
  47. SHOULD START WITH A CONTENT REWRITE IF EVERYTHING IS OLDED

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

    / HIGHLIGHTED / UNDERLINED / RED / GIAN THEN NOTHING IS
  49. DEFINE A VISUAL CONTRACT LINKS WILL BE BLUE ERROR MESSAGES

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

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

    WILL BE RED IMPORTANT POINTS WILL BE BOLDED AND STICK WITH IT
  52. ALLOW USERS TO LEARN THE VISUAL LANGUAGE OF YOUR WEBSITE

  53. VISUAL CONTRACT

  54. COMMUNICATE CONSISTENTLY

  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
  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
  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
  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
  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
  60. CREATE A STYLE GUIDE AND STICK WITH IT

  61. CREATE A STYLE GUIDE FORMAL OR INFORMAL TONE? NAME OF

    THE DEPARTMENT? REFERRING TO OTHER PAGES? AND STICK WITH IT
  62. BE CONCISE

  63. “WE HAVE TO INCLUDE ALL OF THIS CONTENT TO MAKE

    SURE THE USER IS INFORMED.”
  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.”
  65. IS IT NECESSARY?

  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
  67. LESS FLOWERY ADVICE

  68. LESS FLOWERY ADVICE LISTS

  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
  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
  71. LISTS SHOULD BE: • SHORT • CONSISTENT • ATOMIC

  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
  73. LESS FLOWERY ADVICE LINKS

  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.
  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.
  76. LINKS SHOULD BE: • SHORT • NOUNS • EASY-TO-SCAN •

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

  78. For more information, visit the Department of Education’s website. The

    Department of Education can provide more information. GOOD EVEN BETTER
  79. KEEP IT FRESH

  80. OLD CONTENT IS BAD CONTENT

  81. POP QUIZ! (ANOTHER)

  82. WHO KNOWS THE MOST ABOUT A PROGRAM? a) DEVELOPER b)

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

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

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

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

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

    INTERN c) DIRECTOR d) PROGRAM MANAGER
  88. BUT HOW DO WE KEEP CONTENT FRESH?

  89. NEED THE RIGHT TOOLS FRIENDLY CMS FRIENDLY CMS TRAINING

  90. NEED THE RIGHT TOOLS FRIENDLY CMS FRIENDLY CMS TRAINING

  91. NEED THE RIGHT TOOLS FRIENDLY CMS FRIENDLIER CMS TRAINING

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

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

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

    SOURCE OF TRUTH
  95. AVOID CONTENT DUPLICATION AVOID CONTENT DUPLICATION AVOID CONTENT DUPLICATION CONTENT

    DUPLICATION AVOID
  96. AVOID CONTENT DUPLICATION AVOID CONTENT DUPLICATION AVOID CONTENT DUPLICATION CONTENT

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

    DUPLICATION AVOID MAINTAIN ONE SOURCE OF TRUTH AND POINT PEOPLE TO THAT
  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)
  99. THANKS! QUESTIONS?