• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Web development and communications
 

Web development and communications

on

  • 408 views

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

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.

Statistics

Views

Total Views
408
Views on SlideShare
408
Embed Views
0

Actions

Likes
1
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • - 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 Web development and communications Presentation Transcript

  • 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
  • Web Development + Communications @VidalQuevedoOverview• Background• What I do• Web Development + Communications• The Process• #UWRightNow
  • Web Development + Communications @VidalQuevedoOverview• Background• What I do• Web Development + Communications• The Process• #UWRightNow
  • 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
  • Web Development + Communications @VidalQuevedoOverview• Background• What I do• Web Development + Communications• The Process• #UWRightNow
  • Web Development + Communications @VidalQuevedoWhat I Do• Web Communications Specialist at UniversityCommunications & Marketing
  • 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
  • Web Development + Communications @VidalQuevedoYou arehere!
  • 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
  • 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.
  • 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"
  • 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.
  • 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.
  • Web Development + Communications @VidalQuevedoOverview• Background• What I do• Web Development in Communications• The Process• #UWRightNow
  • 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).
  • Web Development + Communications @VidalQuevedoWeb Dev in CommunicationsThey are communication tools, first andforemost.
  • Web Development + Communications @VidalQuevedoWeb Dev in CommunicationsSo, what’s the first thing that should drive asuccessful web development project?A well-definedcommunication goal.
  • Web Development + Communications @VidalQuevedoStarbucks.com | Starbucks on FB | Starbucks on Twitter
  • 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.”
  • 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.”
  • 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
  • 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.
  • 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
  • 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
  • Web Development + Communications @VidalQuevedoThe ProcessInformation Systems “Life Cycle.”Planning Design Development Implementation Support• Squash unforeseen bugs•Define improvementopportunities.• Go back to planning.
  • 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
  • Web Development + Communications @VidalQuevedoOverview• Background• What I do• Web Development in Communications• The Process• #UWRightNow
  • Web Development + Communications @VidalQuevedo
  • 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.
  • Web Development + Communications @VidalQuevedo3. Over time, use your content to develop newfeatures and expand the site
  • 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
  • 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
  • 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
  • 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)
  • Web Development + Communications @VidalQuevedoA crowd-sourcing project that got it right!
  • 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