Web development and communications

640 views

Published on

A brief introduction to how web development benefits from clear communication goals.

This presentation was part of a guess lecture I gave for J201 Introduction to Mass Communications class at the School of Journalism and Mass Communications at the University of Wisconsin-Madison.

Published in: Education, Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

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

No notes for slide
  • - Do and collaborate: WID programs (V-lab, Hackathon, etc)
  • - Do and collaborate: WID programs (V-lab, Hackathon, etc)
  • - Do and collaborate: WID programs (V-lab, Hackathon, etc)
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Taking Learning as a starting point, WID’s branding could be carried forward by content
  • Web development and communications

    1. 1. Web Development + Communications @VidalQuevedoVidal QuevedoWeb Communications SpecialistUniversity Communications & MarketingPh.D. student in Mass CommunicationsSchool of Journalism and Mass CommunicationsUniversity of Wisconsin-Madison@VidalQuevedovidalquevedo.comWeb Development +Communications
    2. 2. Web Development + Communications @VidalQuevedoOverview• Background• What I do• Web Development + Communications• The Process• #UWRightNow
    3. 3. Web Development + Communications @VidalQuevedoOverview• Background• What I do• Web Development + Communications• The Process• #UWRightNow
    4. 4. Web Development + Communications @VidalQuevedoBackground• B.S. Information Systems (2001) – UniversidadTecnológica del Centro (UNITEC), Venezuela.• M.S. Life Sciences Communication (2008) – UW-Madison• Ph.D. student at School of Journalism and MassCommunications (2014) – UW-MadisonGoal: Combine Tech +Communications
    5. 5. Web Development + Communications @VidalQuevedoOverview• Background• What I do• Web Development + Communications• The Process• #UWRightNow
    6. 6. Web Development + Communications @VidalQuevedoWhat I Do• Web Communications Specialist at UniversityCommunications & Marketing
    7. 7. Web Development + Communications @VidalQuevedoWhat I Do• University Communications & Marketingo Mission:• “To protect, strengthen, and advance the UW-Madison brand.”o Priorities• Promote UW-Madison• Build and nurture relationships• Lead institutional messaging and marketing• Proactively address controversy
    8. 8. Web Development + Communications @VidalQuevedoYou arehere!
    9. 9. Web Development + Communications @VidalQuevedoWhat I Do• Some sample projects by UComm:o Wisc.eduo The Weekly and Inside UW-Madisono Video and Big Ten Networko On Wisconsin Mago UW-Madison Day and the State Fairo #UWRightNowo Promotional work for admissions and recruitment,print ads, broadcast ads
    10. 10. Web Development + Communications @VidalQuevedoWhat I DoMain responsibilities:• Lead and assist in the development and implementationof the UW-Madison’s web communication strategy.• Lead, consult and develop web applications for schoolsand departments across campus.
    11. 11. Web Development + Communications @VidalQuevedoWhat I DoWeb developerWeb Communications Specialist, a.k.a.web manager web programmerweb designerweb guru (haha!)webmaster (circa 1996)"the web guy"
    12. 12. Web Development + Communications @VidalQuevedoWriter EditorWhat I DoPlanning Design Development Implementation SupportProject managerCommunicationStrategistProgrammerDebuggerFront EndEngineerUsabilityexpertServer ManagerTechsupportUser trainerDesignerWeb development requires you to fulfill a series of overlappingroles during the life of a project, sometimes on your own, andsometimes with a team.
    13. 13. Web Development + Communications @VidalQuevedoPlanning Design Development Implementation SupportWhat I DoWeb development requires you to fulfill a series of overlappingroles during the life of a project, sometimes on your own, andsometimes with a team.Project managerCommunication StrategistWriterEditorProgrammerDebuggerFront End EngineerUsability expertServer ManagerTech supportUser trainerDesignerCreate a site to:• Promote/sellproducts orservices• Deliver news• Increaseawareness• Manageinformationworkflow• Etc.
    14. 14. Web Development + Communications @VidalQuevedoOverview• Background• What I do• Web Development in Communications• The Process• #UWRightNow
    15. 15. Web Development + Communications @VidalQuevedoWeb Dev in CommunicationsWebsites (and web applications) arevehicles we can use to tell an increasinglymore interactive story about ourselves (orour brand, company, institution, etc).
    16. 16. Web Development + Communications @VidalQuevedoWeb Dev in CommunicationsThey are communication tools, first andforemost.
    17. 17. Web Development + Communications @VidalQuevedoWeb Dev in CommunicationsSo, what’s the first thing that should drive asuccessful web development project?A well-definedcommunication goal.
    18. 18. Web Development + Communications @VidalQuevedoStarbucks.com | Starbucks on FB | Starbucks on Twitter
    19. 19. Web Development + Communications @VidalQuevedoWeb Dev in CommunicationsWhat is a communication goal?• “Promote our brand.”• “Need to better reach our target audiences.”• “Interact with users to learn more about howthey use our site.”• “Make our site become the go-to place fornews.”
    20. 20. Web Development + Communications @VidalQuevedoWeb Dev in CommunicationsWhat is NOT a communication goal?• “Everyone and everything should have awebsite. It’s like, the LAW.”• “Our site is just old, and ugly, and I HATEpurple…”• “I hear Flash, Social Media and the web 2.0 v-logging twittersphere are all the rage right now.”
    21. 21. Web Development + Communications @VidalQuevedoThe ProcessInformation Systems “Life Cycle.”Planning Design Development Implementation Support• Define project goals• Define target audiences• Identify core activities• Define website’s features(sections, apps, content)• Estimate duration of project
    22. 22. Web Development + Communications @VidalQuevedoThe ProcessInformation Systems “Life Cycle.”Planning Design Development Implementation Support• Paper prototyping• Choose color palettes• Design version 1, 2, 3, 4… n.• Review/perfect design.• Sign off on design.
    23. 23. Web Development + Communications @VidalQuevedoThe ProcessInformation Systems “Life Cycle.”Planning Design Development Implementation Support• Create structure (HTML)• Add dynamic processing(PHP)• Define appearance (CSS)• Add behavior (JavaScript)• Test in several browsers andplatforms
    24. 24. Web Development + Communications @VidalQuevedoThe ProcessInformation Systems “Life Cycle.”Planning Design Development Implementation Support• Launch the thing• Monitor traffic and usage• Squash bugs• Get feedback• Pat yourself on the back
    25. 25. Web Development + Communications @VidalQuevedoThe ProcessInformation Systems “Life Cycle.”Planning Design Development Implementation Support• Squash unforeseen bugs•Define improvementopportunities.• Go back to planning.
    26. 26. Web Development + Communications @VidalQuevedoCommunicators in web dev• Content is king• Having a clear communication goal from the planningstages DOES save time and money• Communicators can be key identifying audiences andtheir information needs• Content strategy is an emerging field, with contentdriving design, and not the other way around
    27. 27. Web Development + Communications @VidalQuevedoOverview• Background• What I do• Web Development in Communications• The Process• #UWRightNow
    28. 28. Web Development + Communications @VidalQuevedo
    29. 29. Web Development + Communications @VidalQuevedoWhat: #UWRightNow is a multimedia project designed tocapture the breadth, depth and spirit of the University ofWisconsin-Madison during 24 hours on April 18th, 2012and April 17th, 2013Who: the campus community, alumni and friends aroundthe world.
    30. 30. Web Development + Communications @VidalQuevedo3. Over time, use your content to develop newfeatures and expand the site
    31. 31. Web Development + Communications @VidalQuevedo“Hi -- Were looking at doing a new, hugeenterprise multimedia project on April 18.Please, no vacations that day.None show up on the vacation calendar as I writethis. Thanks and more later. This is going to befun!!!”~ The Director
    32. 32. Web Development + Communications @VidalQuevedoChallenges• Editorial: what to say• Creative: how to say it• Technical: how to deliver it (mobile too!)• Logistical: how to man it• Outreach: how to get people involved
    33. 33. Web Development + Communications @VidalQuevedoSome numbers (2013):• 1,214 stories, photos, videos or tweets wereposted to the site• More than 17,000 unique visitors came to thesite (25% increase from last year)• Visitors from all 51 states and 88 countries
    34. 34. Web Development + Communications @VidalQuevedoSome numbers (2013)• Visitors spent an average of five minutes on thesite• 27 percent of visitors used mobile devices,such as smartphones, to access the site (50%increase from last year)• ~13,500 visits via Social Media (mostlyFacebook and Twitter)
    35. 35. Web Development + Communications @VidalQuevedoA crowd-sourcing project that got it right!
    36. 36. Web Development + Communications @VidalQuevedoThank you!Vidal QuevedoWeb Communications SpecialistUniversity Communications & MarketingPh.D. student in Mass CommunicationsSchool of Journalism and Mass CommunicationsUniversity of Wisconsin-Madisonvidalquevedo.com@VidalQuevedo

    ×