Web Professionals

Carolina's Community of Digital Creators and Communicators

Category: Analytics

June 2017 – TOOL TIME: Share What You Love! – Recap

June 8, 2017 /
 Have you stumbled upon a new resource or tool that you find useful or cannot live without and are willing to share?  If so, you’ll definitely want to attend the next Webmaster’s session on Thursday, June 8th @ 2pm in the Graduate Student Center (211-A West Cameron Ave.)
 
We will be sharing and documenting free, cheap, or otherwise life-simplifying tools that improve your work on the web. Come prepare to share your personal favorites and gather suggestions of new tools that others find helpful. From photo editing to user testing, metrics reporting to code updates, this session will share a wealth of worthwhile tools.  Let’s learn from each other!

Tool Time Part 1, Links and Resources – Updated!

  1. CSS and Web Design
    1. Paletton
      1. Color scheme designer, with web page examples
    2. Adobe Color CC
      1. Color theme designer, integrated into Adobe Creative Suite
    3. Design Seeds
      1. Color palette inspiration
    4. CSS Zen Garden
      1. A demonstration of what can be accomplished through CSS-based design.
    5. Adobe Capture CC (mobile app)
      1. Turn any image into a color theme, pattern, unique brush, Look, or vector graphic that you can use in your creative projects on desktop and mobile devices.
  2. Mobile/Responsive Design
    1. Chrome Developer Tools
      1. The Chrome Developer Tools (DevTools for short), are a set of web authoring and debugging tools built into Google Chrome.
    2. Responsive Web Tester
      1. Quickly preview your responsive website designs at the dimensions they will be seen on popular mobile devices.
    3. BrowserStack – A cross-browser testing tool ($)
      1. Live, Web-Based Browser Testing
  3. Debugging 
    1. Chrome  Developer Tools
      1. The Chrome Developer Tools (DevTools for short), are a set of web authoring and debugging tools built into Google Chrome.
    2. The Web Developer extension
      1. adds various web developer tools to a browser.
    3. Regex 101
      1. Web based regular expression tester and debugger
  4. Accessibility
    1. WAVE Toolbar
      1. The WAVE Chrome and Firefox extensions allows you to evaluate web content for accessibility issues directly within Chrome and Firefox browsers.
    2. WebAIM: Color Contrast Checker
      1. Quick color contrast ratio tester for accessibility
    3. Colorable
      1. Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.
    4. Tota11y
      1. tota11y helps visualize how your site performs with assistive technologies.
    5. W3C Markup Validator
      1. This validator checks the markup validity of Web documents in HTML, XHTML, SMIL, MathML, etc.
  5. Usability
    1. The Readability Test Tool
      1. The Readability Test Tool provides a quick and easy way to test the readability of your work.
    2. UXSort
      1. UXSORT is a card sorting tool that allows user experience professionals or marketing managers to plan card sorting activities, manage participants and cards, collect card sorting data, analyze data, and create a report.
    3. Qualtrics
      1. The Qualtrics Research Suite is a powerful online survey tool available to all UNC Chapel Hill faculty, staff, and students, for UNC-related projects.
  6. Image/Media management and analysis
    1. Aspect Ratio Calculator
      1. Calculate and adjust the size of objects while maintaining a specific aspect ratio. This is useful, for example, when resizing photos or video.
    2. MS Picture Manager info and download
      1. No longer part of official MS Office suite but still available
    3. Adobe Spark Post (mobile app)
      1. Create social media posts and images
    4. PIXLR
      1. Photo editing apps for web and mobile
    5. Canva
      1. Social media image and graphic design creator
    6. GIMP
      1. The Free & Open Source Image Editor
  7. Icons
    1. Icon Finder
      1. Search for free or premium icons
    2. Font Awesome
      1. Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
    3. Noun Project
      1. Nearly a million curated icons, created by a global community. Useful for identifying icons for concepts.
    4. Canva
      1. Social media image and graphic design creator
    5. Nucleo Icon Set ($)
      1. Search, Customize, Export 8387 Icons
  8. JQuery/JavaScript Extensions/Add-ons
    1. JQuery
      1. jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers.
    2. JQuery UI
      1. jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.
    3. JSLint
      1. JSLint is a JavaScript program that looks for problems in JavaScript programs. The JavaScript Code Quality Tool.
    4. React.js
      1. A JavaScript library for building user interfaces
    5. Zurb: Foundation
      1. A responsive front-end framework.
  9. Charts/Maps
    1. HighCharts
      1. Highcharts makes it easy for developers to set up interactive charts in their web pages
    2. MapBox
      1. APIs for maps, geocoding, driving directions, and more
    3. TileMill
      1. TileMill is an open source map design studio

March 2017- Google Analytics: Out of the box techniques – Recap

March 2, 2017 /

Interested in learning more about what you can do with Google Analytics without needing to customize the tracking code? Come to the Graduate Student Center next Thursday at 2pm to learn about some tools and techniques that can be used on sites with the default Google Analytics configuration (i.e., sites in WordPress or another CMS.) I will also include some tips and ideas that more advanced analytics users should find useful.

This presentation is part of our Google Analytics series, if you missed the last session, you can review that presentation and related materials on the Webmasters site: Google Analytics Fundamentals.

Google Analytics: Out of the box

  • Location: Graduate Student Center (211A W. Cameron Ave.)
  • Date: Thursday, March 2, 2017
  • Time: 2:00 – 3:00 PM (room reserved until 3:30 for follow-up discussion)
  • This meeting will be aimed at a broad audience – no technical skills required.

If you have questions about Google Analytics or if there are specific topics that you would like to be addressed in this discussion,  please feel free to email them to me (runderhill@unc.edu) ahead of time. If you have had a analytics successes or faced any challenges with your analytics data, we want to hear about those as well!

Hope to see you there!

-Rachell

Presentation:

Bonus resources:

Google Analytics 101- Fundamentals presentation

Tracking code

Filtering referral spam, bots and spiders

Filtering internal traffic

Cross-domain/cross-subdomain tracking

Goals

Reporting Tools

Landing pages

April 2016 – Google Analytics Fundamentals

April 8, 2016 /

Please join us on April 7 @ 2:00PM  to learn more about Google Analytics Fundamentals. Rachell Underhill will lead this session and cover the basics of Google Analytics, from setting it up on your site to pulling and effectively using the data it provides. This meeting will be aimed at a broad audience – no technical skills required.

  • Location: Graduate Student Center
  • Date: Thursday, April 7, 2016
  • Time: 2:00 – 3:00 PM (room reserved until 3:30 for follow-up discussion)

If you have questions about Google Analytics or if there are specific topics that you would like to be addressed in this discussion,  please feel free to email them to Rachell (runderhill@unc.edu).

Media and documents from the presentation:

Associated Resources:

December 2011 – Decision-Making Using Web Analytics

December 2, 2011 /

Do you make website related decisions using analytics and usage data?   The December 1 Webmasters meeting will be about how analytics can help drive decision-making and help you understand more about your users.  This meeting will be aimed at a broad audience – no technical skills required.

Rachell Underhill at the Graduate School and Anita Crescenzi at the Health Sciences Library will share how they use data to drive decision-making (using Google Analytics).  Some questions they will address include:

  • What is the top used content?
  • What content should have more prominence on the site?
  • Which of two design alternatives has better usage?
  • What is the best time of day for website outages?
  • Which browser/operating systems/mobile devices should be supported?
  • Where are site visitors coming from?

If you use analytics or want to learn, come join us December 1 from 2-3:30pm in the Grad Student Center.  If you have questions, please feel free to contact Billy Hylton (billy_hylton@unc.edu), Rachell Underhill (runderhill@unc.edu) or Anita Crescenzi (amcc@email.unc.edu).

Meetups

The best way to stay informed of upcoming meetings and learn about topics important to your colleagues at UNC is by joining our Office 365 Team.

Learn More About…

© 2024 Web Professionals

Theme by Anders Noren — Up ↑