Skip to Main Content Skip to Main Navigation Skip to Footer
UNG Logo
  • Info For...
    • Accepted Students
    • Current Students
    • Parents & Family
    • Faculty & Staff
    • Alumni
    • Business & Community
    • International Students
  • Quicklinks
    • Directories
    • myUNG
    • Academic Catalogs
    • Athletics
    • Banner
    • Bookstore
    • Calendars
    • Campuses & Maps
    • Continuing Education
    • D2L
    • Employment / HR
    • IT Service Desk
    • Libraries
    • Testing
    • UNG Foundation
  • Admissions
  • Corps of Cadets
  • Academics
  • Cost & Aid
  • Student Life
  • News & Events
  • Athletics
  • About Us
Web Communications
  • Centralized Editing
  • Web Accessibility
  • goUNG
    Creating Short URLs
    Request a new goUNG
    Locations
    Degree Pages
  • Campus Maps
  • Our Team
    1. UNG
    2. About Us
    3. Strategic Communications & Marketing
    4. Marketing & Communications
    5. Web Communications
    6. Flex Web Design & Style Guide
    7. Creating Effective Content

    3.5 Design Tips

    Easy on the Eyes:

    • Designers leave white space all around their content. This goes along with the "less is more" idea. You don't need to fill up every gap! 
    • White space emphasizes the content that is there and makes us focus on what is important. Too much and we begin to wander, like a blind duck in a forest. Use the white space to lead us to water ("The important stuff is here!").
    • Color should be used sparingly. Use it for accent and to help guide the viewer.
    Page image showing white space and room for breathing

    Go with the Flow:

    • Webpages will be designed by the webteam to allow the content to move "fluidly" as the window narrows. This is especially important when a webpage is viewed on smaller devices like iPads or phones. 
    • Percentages are always better for tables and columns when using true tabular data. Fixed widths will be avoided in any web content.
    • Use tables for data (where information has definite column headings and rows).

    Below is an example of how a layout changes depending on the device being used. 

    Desktop View:

    page element, showing view on desktop machine

    Mobile View:

    page element, showing view on mobile

    Calls to Action:

    • Don't leave it up to the viewer to know where to start and where to go next. Make it obvious.
    • Are there steps? Show the steps.
    • Is there more than one path? Show the choices clearly.
    screenshot  showing call to actions

    Less is More:

    • "But they need to know it all!" you say. Perhaps, but did you write it as concisely as possible? Write, re-write, edit and re-write again, each time rearranging and taking out words, using different words, etc.
    • Brainstorm with others as they may have an idea of how to word something in a way you haven't thought of before.
    • Really... less is more.

    Look at this example:

    • We want this:
      "Want to graduate this semester?  Fill out the application."
    • Not this:
      "Anyone desiring to graduate this semester is asked to fill out the application you can find here."

    Unless you are very experienced at copywriting or ad writing, you're not going to be able to write this concisely the first time you try. Practice makes perfect. This is a skill, and a very valuable one for you to learn.

    Try out some exercises in eliminating wordiness in Purdue University's Online Writing Lab.

    Another Example - Content we received...

    UNG Dahlonega Welcome Event

    (Transition Student Welcome)

    What: A self-paced “Welcome Event” designed to help you become more comfortable with the Dahlonega campus.

    Who: All students transitioning to the Dahlonega campus, and their guests, are invited to attend this free event.

    When: Wednesday, August 17th, 2016

    Time: 9:00 AM to Noon

    Where: Hoag Student Center (Check-in and pick up a list of available activities. Participation in activities is optional.)

    Details: Join us for the UNG Dahlonega Welcome Event to learn more about the Dahlonega campus and its resources.  Students will have the opportunity to tour campus and find the buildings where their classes will be located.  Students can also meet with our professional advisors for advising support and visit the Campus Connection Bookstore to pick up books and gear.  The Campus Shuttle will be available to show you the commuter parking lots and shuttle routes.  Additional activities will also be available.

    We are excited you will be joining us on the Dahlonega campus! Please register for this event and come learn more about the Dahlonega campus.

    Registration Link: We request you register in advance for this event. https://forms.ung.edu/view.php?id=292777

    Webpage that we made...

    UNG Logo
    • Contact Us
    • Request Information
    • Quick Facts
    • Campus Maps & Directions
    • Student Consumer Information
    • Campus Safety
    • Emergency Information
    • Employment/HR
    • UNG Policies & Procedures
    • UNG Alumni Association
    • UNG Foundation
    • Ethics & Compliance Hotline
    • Human Trafficking Notice
    • Equal Empl. Opportunity

    © 2023 The University System of Georgia and the University of North Georgia.

    UNG follows the section 508 Standards and WCAG 2.0 for web accessibility. If you require this content in another format, please send an email to the ADA Coordinator.

    Use of military-themed imagery does not constitute endorsement by the U.S. Department of Defense.

    • Accreditation
    • Accessibility
    • Privacy Policy
    Establishing Connection...
    AskNigel