Carolina's Community of Digital Creators and Communicators

Category: Recap (Page 3 of 5)

The F Word: Communication with Feeling – January 2019 Recap

Our students and alumni are bombarded. Every day, they visit dozens of web pages, receive hundreds of emails, and see thousands of social media posts float across their screens. But we can break through the noise and make meaningful connections.

Brendan Foley, from the Morehead-Cain Foundation, will join us to talk about building the foundation for better digital communications and the small things you can do now to produce immediate results. We’ll cover some practical examples related to better social media, email and web engagement.

  • Location: Graduate Student Center (211A W. Cameron Ave.)
  • Date: Thursday, January 17, 2019
  • Time: 2:00 – 3:00 PM

Presentation Files
(courtesy of Brendan Foley)

The F Word: Communication with Feeling (PowerPoint)

The F Word: Communication with Feeling (PDF)

Presentation and Discussion Notes

Notes-Presentation

  • Content Focused Techniques
  • The F Word, communication with feeling
    • One thing to remember
      • We must try communicating with empathy, emotion, and efficiency
        • Understand where people are coming from
        • Be a person, be relatable
        • Communicate effectively, use the fewest, best-fit words
      • When joining UNC, he tried to find out how to communicate
  • People come to use needing solutions
    • 2 things we need to do
      • Be helpful
        • Builds trust
        • Leads to increased engagement with people
        • Helps establish us as a valuable source of information
        • Helpful in doing everything else we do
      • Be human
      • Addendum – 3 additional things
        • 3 things
          • Inform
          • Educate
          • Entertain
        • Still need to be helpful and human while we are doing these things
  • How can we be helpful
    • We need to consider our readers first
      • Often times, content creator focus on themselves or their colleagues
        • Need to consider the needs of the readers over the needs of the creators
        • Ex: Professor wants their work on the home page, but that only
      • 3 questions
        • What is our goal?
        • Who is this content for (email/page/post)?
        • Is the information easy to find and understand?
      • Quote: The responsibility [for creating understanding] really belongs to the person speaking, not the person listening” – Alan Alda
        • It is our job to communicate clearly and make sure consumers of content understand us
  • Let’s avoid Academic Speak
    • We exist in an environment where we are surrounded by brilliant people who discuss high-level concepts and projects in ways that most people do not understand
    • There is quite a bit of language that is used in higher-ed that most people do not hear/use on a regular basis
      • Though that language is accurate and familiar to us, it may not be
    • Flesch-Kincaid index
      • Scoring method for readability
      • Between 7th-9th grade level
  • Let’s avoid overwhelming our readers
    • Simply adding the information to the page is not effectively communicating
    • Avoid overly complex sentences and language formulations.
    • For example: Where you can use bullet points, use them
  • Reading Level
    • Communications need to sound smart
    • Communicating with really busy people, don’t have time to decipher complex speech
  • Let’s avoid the passive voice
    • Making an active sentence can make it more readable and understandable
  • What does all this mean
    • We need to embrace our roles as our reader’s friendly (but professional) advisors
    • Vision/scope: We serve the students, we serve the alumni, we serve the campus
    • Ask: Would I want to read this?
  • I’m getting emotional
    • Personality and emotion are great things
      • They make us relatable
    • Ask yourself: If your school, unit, or organization were a person…what type of person would it be?
      • Be aspirational
        • Ideally, if your organization was putting something out into the world as an individual, what are we trying to convey?
        • Ex: Morehead-Cain
          • Welcoming
          • Adventurous
          • Inspiring
          • Positive
          • Determined
  • identity.unc.edu
    • Guidelines for personality and tone
    • Helps define how we should present ourselves in our communication
  • Let’s create better web content
    • More than half of visitors spend less than 30 seconds on a webpage
    • Our goal is to make it as easy as possible for people to find the information they are looking for
    • Amount of time spent on a website is not a great measure of success
      • Ex: user spends 5 minutes on your site, but they do so because they cannot find what they want
  • Let’s create email messages people enjoy
    • One thing everyone hates
      • Promise value in your subject lines
      • Deliver (some) value in the email itself
    • Good emails should not be a series of breadcrumbs (links)
      • Even if I don’t click the link, I can learn something
    • Guidelines
      • Single column format (easy for mobile)
      • Provide content in the email itself
        • Provide
      • Use emoji if your guidelines allow for it
        • Used sparingly, they can work well
        • Shows playfulness if done in moderation
          • Overuse is gimmicky
  • Newsletter Subject Lines
    • Quick hit of 3 top stories
      • Short blurb of the stories covered in the letter
    • Picture of the top Instagram posts for the month in the email
  • Call to action
    • Want people to directly react to the call to action
    • If you put in the middle, people may not finish the email, but they may actually take the call more often
  • Let’s create engaging Social media
    • Every social network has its own audiences, quirks, and rules of engagement. Play with them
      • Give each its own mission statement
        • Establish a clear vision of what you are doing in each platform
      • Consistency is key
        • Consistent posts help set expectations for users
      • … but quality is crucial
        • Better to do fewer posts really well than just posting to post
  • Let’s get started right now
    • What can we do today?
      • Strive to understand your readers’ problems and offer solutions
        • Review your information and revise to make clearer to read and understand, are there ways we can make this clearer to understand
        • Keep an ear out for accounts of issues with the interface, and probe for details you can learn from
      • Personalize your drafts
        • Helps write from the heart
        • Ex: Brenden starts all drafts with Dear Jen, the name of his wife
          • This helps frame his mind when creating communication
        • Write clearer
          • Use contractions
            • Humanizes writing
            • It is how we talk
            • Easier to understand
            • Not for overly-formal content
          • Ditch adverbs
            • Usually, an adverb is a sign that someone is too lazy to find another verb
            • Find a better, more powerful verbs
  • Great Resources
    • readable.io
      • ~$3 per month
      • Score your text and URLs
      • Gives you readability score
    • Really Good Emails
      • Many email newsletter examples
      • Provides you HTML content for the example emails
    • Coschedule
      • Headline, Subject and Social Media Post Analyzer (Optimizer)

Notes – Discussion

  • Do you build your email messages in HTML and just send them?
    • Build them in an email platform that provides a WYSIWYG interface where you can build the email as you like
    • MailChimp’s editor is pretty good for this
    • iContact
      • Free for non-profits in NC
      • Up to 10K subscribers for free (may be more if ask about it)
  • Would you worry about people providing information that allows more precise content to be displayed (on the Morehead-Cain site)?
    • Short answer is not, given the way the process is structured
    • The nature of the site and information, it is unlikely that users choose the incorrect item
  • How do you deal with pushback from content suppliers who nitpick the content and set rules for how things are presented?
    • Having clear institution hierarchy over content control and rules
    • Make sure the final person who makes these decisions have both the knowledge of content strategy and the authority to enforce content rules
    • There is a larger question about institutional support
      • You need someone who understands the importance of clear and effective communication
    • Style guides help as well
    • Go back to the foundational goals as well
    • Data can help as well, depending on what we are doing, to define how effective our communication will be given various choices
    • Use the 3rd party tools to help enhance your argument
      • Blogs and articles about readability
  • Do you have any resources that would be helpful in explaining the analytics data you are getting?
    • Google has a “schools” feature for training, Google Analytics Academy
    • Morehead-Cain worked with an outside company who helped them identify meaningful analytic areas for them to review for the site design
  • Can you tell us how to sort the various needs of a department (student, alumni, faculty)?
    • Majority of visits are prospective students
      • Need to tailor the content to those situations
      • You may have to manage individuals who want to add content that is less relevant to your goal/mission/audience
      • Ask the question: Will anyone want to read this?

Digital Asset Management Systems – October 2018 – Recap

Have a Digital Asset Management system?  Need a Digital Asset Management system?

Come and learn from a panel of your colleagues as we share what works, what doesn’t and what other options may be available for storing, organizing and/or sharing photos, graphics, videos and other digital assets.

There are a variety of different systems employed by units on campus. Hear about your colleagues’ experiences and share your own. You may identify some new solutions as we go!

Digital Asset Management Systems Panelists

  • Katie Costanza, Research, Communication & Program Manager, Center for Global Initiatives
  • Claire Cusick, Senior Content Manager, University Development Marketing
  • Gordon Palmer, Media Applications Analyst, School of Medicine Academic Technology Services
  • Ken Strayhorn, Web Manager, UNC Children’s Hospital
  • Rachell Underhill, Web and Information Systems Manager, The Graduate School

Digital Asset Management System PowerPoint Presentation (pdf)

Digital Asset Management System Resources

DAM Resources at UNC

UNC-Chapel Hill multimedia library (PhotoShelter/Libris)

UDO Marketing digital assets (Photoshelter/Libris)

HeelStream (Ensemble Video)

ibiblio:The Public’s Library and Digital Archive

School of Information and Library Science faculty under the Information Interaction area might have insights for both metadata and other organizational subjects.

Additional DAM Resources

Metadata resources

Recorded Discussion Notes

20181012 October Webmasters Meeting – Digital Asset Management Systems

Presenters

Notes – Presentation

  • Background
    • What is a digital asset?
      • Video, audio, logo, graphic files, spreadsheets, PDFs, pictures, CAD files
    • What is a DAMS
      • File sharing system with specialized tools for managing digital assets
      • Image/media specific tools
    • DAM Foundation
      • Criteria
        • Ingest
        • Secure
        • Store
        • Render
        • Enrich
        • Relate
        • Process
        • Find
        • Preview
        • Publish
      • DAMS at UNC (survey at UNC) – The uses
        • Mostly using a shared storage space
        • Many are using systems like Google Drive and Dropbox that are not actual DAMS, but work for collaboration
      • DAMS at UNC – The bad
        • Time-consuming
        • Unwieldy
        • Disorganized
        • Frustrating
      • DAMS at UNC – The wishes
        • Better viewing options, categorization
        • Sharing and external input
        • Student contribution
        • Storage capacity

Notes – Discussion

  • Katie Costanza – UNC Center for Global Initiative
    • Tools: SmugMug and Google Drive
    • Smug Mug
      • Features
        • Galleries
        • Permissions per Gallery
          • Share a gallery with password protections for visitors
        • Organization
          • Drag and drop/GUI interface
          • Collections
            • Organize images into multiple collections
          • Shows image previews making reviewing/finding images much easier
        • Tagging
          • Allows metadata to be associated with a digital asset
        • Cost is generally low
        • No worries about space limits given their current usage
        • Challenges
          • Managing the tagging system
          • Managing organization of massive amount of images
        • Works with Flickr and Lightroom
  • Claire Cusick – Senior Content Manager at University Development Marketing
    • Overview
      • Video producing is a large part of her job
      • Tools: External hard drives, Dropbox, PhotoShelter
      • Department is tasked with helping campus
        • Galleries and other media are open to campus community
        • Most galleries are available, but if you cannot get access, send email and they will work with you.
        • Open to sharing content, just need to reach out
      • They receive photos from various photographers on campus
    • Photo shelter
      • Only image assets, video costs more to manage
    • DropBox
      • Mostly for sharing video
      • 1TB option, ~$100 annual cost
    • External HDDs
      • ~$100 per
      • Sitting under her desk, and backups in safe
      • Challenging logistics to manage
    • We Transfer
      • If you don’t have Dropbox and don’t want to pay large money, use this
      • Can transfer files up to 2 GB
    • Asset Library
      • Has campaign assets and other useful media
  • Ken Strayhorn – School of Medicine
    • Overview
      • SoM always worries about security with HIPPA concerns
      • Issues with wild-west mentality with DAM processes
      • Needed to get things in a consistent, reliable shared space
      • Spend about 3K on the hardware and software to provide the service
      • Host on premises due to HIPPA
    • HeelStream
      • System created by SoM for asset management
      • Place to manage video assets
      • Place to go to upload videos into libraries
      • Can manage playlists
      • Can assign security rules to video or playlist
      • Shared as links, embedded into websites
    • Warpwire
      • ITS managed service
      • Developed by a company in Durham
      • Free for use at UNC
      • Upload content and it transcodes the content for streaming
        • Makes streaming easier
      • Can allow users to download videos
  • Gordon Palmer – Web Manager at UNC Children’s Hospital
    • Overview
      • Uses primarily PhotoShelter
      • Full professional account ~$300/yr.
      • Very happy with the product, worth the cost
    • PhotoShelter
      • Ad-hoc gallery on the fly, send URL and password to external user and they can view
      • Backend for performing analytics
        • Can see usage, downloads/access
      • ~4000 stock photos
      • Multiple stock galleries for organizing images by some criteria and sharing with others
        • Ex: Really nice images for internal uses, decent images for brochures
      • Issues
        • Bulk uploader only works on PC
  • Rachell Underhill – Web & Information Systems Manager at The Graduate School
    • Overview
      • Have 29K+ photos in their system
    • Resource Space
      • Open Source
        • Will likely need a developer to help you
        • API functionality
        • Plugin library and user base
      • Customizable
        • Can manipulate it to meet your needs if you are PHP savvy
      • They have paid plans for helping with customization
      • Designed for OXFAM originally
        • Functionality for photo requests
        • Library feel to it
      • Works well with massive number of photos
      • Have on separate server due to size
        • Want to be sure it has enough resources
      • Not folder based – Keyword based
        • Must train users to think of things this way
        • Can make collections and groupings
          • Can be user specific
        • Need to think differently about organization when uploading
      • Can display external galleries
      • Can store videos

Questions

  • How to allow public to submit videos, images, documents?
    • How to acquire media?
    • Answers
      • Submittable
        • Expensive, prices constantly going up
        • Does not talk well with other programs
        • Works, but not the best program
      • Is anyone using large storage solutions?
        • How to handle massively expanding storage (5,10,20TB sizes)
      • Do we know if the UNC libraries have a plan or system to aggregate UNC media?
        • Do we have any expertise we could leverage from somewhere on campus?
        • Answers
          • SILS projects
          • ibiblio
      • How To Move Large Media Files Without FTP?This is not for storage, but a resource for sending huge media files, if this is a need for anyone. Pricey also.If you download the white paper, you will likely start getting lots of emails with that for a while. If you prefer to avoid that onslaught, here are two links to the product information.

June 2018 – Behind the scenes of the unc.edu website – Recap

Please join us for our June Webmasters program on June 7th at 2 pm in the Graduate Student Center.

Brandon Bieltz of the University Communications content team will discuss the new UNC.edu, the CMS’ module-based editing and the robust content strategy behind keeping the site running.

Launched in February with support from the ITS Digital Services team, UNC.edu was redesigned to showcase the University’s commitment to research and innovation, opportunity and affordability, impact on the state, public service and the vibrant student experience through photography, engaging videography, and compelling writing.

Presentation

Big thanks to Brandon Bieltz for this behind-the-scenes look at UNC.edu!

Presentation slides: BehindTheScenes-UNC (PDF)

November 2017- Everything you need to know about HTTPS – Recap

Join the webmasters November 16 at 2pm to learn important information about migrating to all-HTTPS websites and what this means to you and your users. William Earnhardt, Web Architect from ITS Digital Services, will join Rachell Underhill, Web and Information Systems Manager from The Graduate School, in presenting this topic and will answer your questions about how the HTTPS switch will affect campus WordPress sites.

Presentations

Presentation Part 1- Rachell Underhill (PDF)

  • What is HTTPS and why should we care?
  • How do web browsers notify users about a website’s security level?
  • What are some common pitfalls when switching to HTTPS?

Presentation Part 2- William Earnhardt (PDF)

  • HSTS Headers and migration strategies
  • How does the switch to all HTTPS affect campus WordPress sites?
  • Where and how to get SSL certificates for UNC websites?

Presentation and Discussion Notes

20171116 HTTPS Webmasters Presentation- Daniel Reeves (PDF)

Rachell’s Presentation

  • Push to move everything to HTTPS over the last 10 years
    • Cannot be ignored now with the changes
  • What is HTTPS
    • Secure
    • Way of confirming sites
    • Encryption of information passed to/from site
    • This is the standard being pushed by big institutions.
    • In past, only used for financial transactions or password related items.
      • Also, there were performance issues
    • HTTPS is the future
      • HTTP2 will be required for new calls here soon.
      • There are features that will only be available using HTTP2
    • Benefits
      • Google is prioritizing websites that use HTTPS higher than basic HTTP sites
      • Browsers are providing content warning messages to sites that do not use HTTPs
    • Browser User Notifications
      • New warning
        • Mixed content
        • Bad certificates
        • Form sent over HTTP
      • Not secure Notification
        • Chrome is displaying a “not secure” message in the browser bar window for any site not using HTTPS
        • Firefox
          • Provides an icon to denote if a site is serving content properly and providing secure information
        • Bad certificate
          • Provides a browser warning to user and does not display site by default
          • A user must perform extra actions to access the site.
        • Chrome form warning
          • When you start typing on field, if the page is not secure, the browser bar will notify you
        • Chrome in the Near Future
          • If the site is not HTTPS, a red warning will display to the users at all times
        • Common pitfalls when switching to HTTPS
          • Invalid or missing SSL certs
          • Mixed content
          • SEO Problems
          • JavaScript errors, API errors or broken websites
        • Mixed Content
          • Occurs when an HTTPS website pulls in not secure content
          • Protocol relative links no longer recommended
            • Now a security issue.
          • Find and fix mixed content on your source code or by using the browser error messages.
          • Chrome console will notify you of any warnings related to security
        • Redirects and SEO
          • Use a proper 301 redirect to push users form http:// https://.
          • Do not use 302 as it will affect search rankings
        • JavaScript or API errors
          • 3rs party content
          • Forms
          • iframes
          • Analytics tools
        • Resources
          • Qualys SSL labs
            • Can test the SSL validity of a site with details about what is working and what is not.
            • Will provide you with a letter grade for the SSL rating for your URL
          • BadSSL.com
            • Series of test pages so you will know how a browser will notify a user for various issues.
          • Why No Padlock
            • Basic analysis site
          • HTTPS checker desktop app and Mixed Content Scan
            • 2 sites for checking mixed content

William’s Presentation

  • Overview
    • General process for switching site over
    • Helpful tips for making change
    • What is being done on campus sites
    • A couple of tools
  • HTTP Strict Transport Security (HSTS)
    • Mostly removes the need for redirecting users from http:// to https://
    • Makes browser always use an https:// connection
      • Even when clicking http:// link
      • Even when typing in the browser bar
    • Removes the ability for users to click through the warning about invalid certificates
    • Basic Implementation
      • Set a header with a max age
      • Policy is refreshed each time the page is refreshed
    • Strongest Implementation
      • Provides additional values
        • IncludeSubDomains
          • This forces all subdomains to conform to this rule
        • Preload
          • Will enable this inclusion to be in the browser preload list.
        • HSTS Preloading
          • Created/managed by Chrome security team
          • List of domains where this value is set by default
            • This is shipped with the browser and cannot be changed by the user
          • Chrome security team started and run it, but it is honored by multiple browsers
        • Migration Process
          • Install certificate(s)
          • Enable https:// but do not force redirectWeb.
            • Allow issue best connections
          • Live browser testing
          • Scan code using grep (or similar tools) for hardcoded http:// value
          • Possibly run a search/replace in the database for http://
          • Force redirect to https://
          • Turn on HSTS header
        • unc.edu migration strategy
          • Stop redirecting to http://
            • Can access sites from either one
          • Force all new sites to be created as HTTPS from the beginning
          • Write code to force sites that have been converted to HTTPS
            • Always redirect http:// to https://
            • Return an HSTS header with a short max-age value
          • One by one switch sites to HTTPS
            • Confirm certificate
            • Search-replace sites tables to fix images, links, etc. in the database
            • Crawl the site using Mixed Content scan tool
          • Increase the HSTS max-age value returned for migrated sites
        • unc.edu process
          • Roughly 45-50% complete with the migration
        • unc.edu migration plan
          • Overview
            • Will not start until sites.unc.edu is complete
            • Has to be automated with over 15K sites
            • HSTS on primary web.unc.edu site will have includeSubdomains
            • Some custom domains will not be migrated over
            • Changes to domain mapping process for the custom ones
          • Planned Project Tools
            • Content Security policy reporting of mixed content
              • Write mixed content error data into application logs
              • Use Splunk to aggregate and generate mixed-content error reports
            • Web-based site scanning tool for campus websites
              • Enter a domain and generate a missed content report for download
            • How to get a certificate
              • UNC InCommon License
                • Go to the software acquisition office
              • Lets Encrypt
                • Feed, depending on host
              • HTTPS resources
                • The HTTPs-Only standard
                • Mozilla Developer Network HSTS Documentation
                  • Link in PowerPoint
                • WordPress Tools
                  • WP-CLI
                    • Command line tool for search replace
                    • Will address serialized data in the database
                  • Search-Replace DB
                  • Better Search Replace Plugin
                    • Powerful WP Plugin

Questions

  • How does the browser store the HSTS?
    • In the browser structure
    • Per browser implementation
« Older posts Newer posts »

© 2024 Web Professionals

Theme by Anders NorenUp ↑