CMGt Style Guide: Discovery, Strategy & Design
|
|
- Felicia Thomas
- 5 years ago
- Views:
Transcription
1 CMGt Style Guide: Discovery, Strategy & Design
2 2 Table of Contents INTRODUCTION UX Process Overview... 3 DISCOVERY Stakeholder Interviews Discovery Summary... 6 STRATEGY White boarding...7 Sitemap DESIGN Wireframes Design Theory...12 Welcome to the Style Guide High-res Prototypes High-res Prototypes... 14
3 3 CMGt Style Guide: Discovery, Strategy & Design The goal of my contract with Cox Media Group Technology was to create a style guide for their vast portfolio of digital properties. Cox Media Group has over 100 digital properties from Radio, TV and Newspapers. I was asked to create a living style guide that can be updated on the fly, expanded to meet other department needs and incorporate useful resources from the UX Department. This was a huge task and in order to achieve this goal, I needed to follow a bottom up UX process. I will describe the process below from the discovery of the business and stakeholders needs, to the strategy I developed to design and implementation the style guide.
4 4 Discovery: Stakeholder Interviews Stakeholder Interviews began with the UX team to better understand how this will help establish guidelines for properties to follow and a solid UX foundation throughout CMGt s digital properties. Sitting down with developers to understand how the property sites function and to better understand the foundation of the sites. Managers were able to describe the work flow and where this guide could occur within there agile development environment. Interview with directors allowed me to see a broader picture of how this living Style Guide could be incorporated across departments to allow a better access to UX information, training tutorials and development of best practices. The following are summaries from interviews with key stakeholders in the process. Patti: UX Analyst & Manager As manager & analyst Patti needs a resource that can aid her in doing those two large roles within the UX Dept. This style guide needs to have all the property information in it, along with any information for developers that can aid in requests from properties. She imagines a resource for best practices within CMGt standards as well as best practices associated with vendors & social resources. Since her analyst role keeps her on top of modern practices within the discipline of UX, a living Style Guide is essential. The guide should be able to grow within the context of CMGt s business as well be on top of trends within the industries/properties it serves. A PDF style guide will not due. UX plays essential role in CMGt agile development environment. The style guide would need to be easily accessible and up to date to be relevant. Include best practices and other CMGt research resources. UX plays essential role in CMGt agile development environment The style guide would need to be easily accessible and up to date to be relevant. Medley is CMS that CMGt used create property sites. Property sites have moderate control over look and feel of sites. Medley utilizes themes which include a header, right rail and footer wrap. Create style guide utilizing Wordpress CMS. Easy to use and keep up to date. Possible integration with UI & Medley Training work flow. Various Wordpress solutions (Free version -vs- VIP). Andrea: UX Designer As the UX Designer, Andrea needs access to color information for UI mock-ups and comps. She works closely with UI to incorporate a unified UX process and direction. Attend elaborations and represents the UX values on tickets within agile environment. Due to the number of people within CMGt that create files and the need for those files, a unified file archive could help her work flow. Resources for CMGt are spread out within various archives. Andrea knows where content and assets are located throughout the various Attending elaborations on tickets aids in proper UX direction from the beginning of the development process. Mockups are a visual road-maps for managers and developers to follow and maintain User Experience Utilize a categorized/searchable archive within style guide. Easy access to mockups, logo files and design templates would be an asset for designers and properties. David: UI Developer A quick interview with David led to a simple breakdown of what types of sites CMGt offers and an overview of the elements that make up the structure of each type. Two categories of sites: Free & Premium sites. Free sites have a global header, right rail and footer. Premium sites are built on a responsive framework and contain a global header and footer. Most elements within both types of sites are global. A few sites adjust and maintain different standards within the framework CMGt offers them.
5 5 Discovery: Stakeholder Interviews Continued from Page 4 Cox Media Group Technology Stakeholder Interviews. Jesse: UI Manager Jesse sees the importance of a style guide. During interviews with him, I was able to understand how he might see development incorporated into the style guide. As with mock-up files and graphic assets, the code developed for CMGt is not in a unified location. He envisions a grand interactive Style Guide that can offer more than just branding guidelines. UI environment depends on UX for expert advice during elaboration and mock-up phase of agile development process. Look into Git Hub solutions for archiving/sharing code. Possible archiving solution for code chunks and modified Medley work-around that property content producers can access. Angie: System Training I was able to attend a Medley training session with Angie. This allowed me a hands-on understanding of the framework that CMGt uses for all their sites. During training, I was able to understand the modules or components that make up a property site. Understanding the system from a user/producers perspective was essential in comprehending the scope of the Style Guide. CMGt uses Medley for their content management and sharing platform. Terminology for different elements within site are different that industry standards. Content sharing is based on Teases that are utilized within sections. Information on Wrap for both types of sites (Free & Premium) can be found within the training documents. Rough examples of information I can utilize for the Style Guide are found within Medley training on intranet. I see a great deal of overlap between information UX needs to document and what training has already documented. A better presentation can be created within the Style Guide, for ease of use and breakdown on these areas of overlap. Kara: Director As director, Kara has the big picture in mind. Through the corporate chain-of-command she is able to pass ideas along to the head of the properties and make recommendations that can start a process in motion. A style Guide would offer her a solution to maintain usability for the properties and incorporate other useful elements that would Comprehensive reports from Patti (UX analyst) are essential to understanding market trends and global shifts in users behaviors that can effect CMGt digital properties and stakeholders. Can the Style Guide unify more areas (advertising/training/ux/ui/) within CMGt agile environment. Created an archive of usability reports, metric findings and more. I could create a resource that directors and high level stakeholders could utilize by including research and standards.
6 6 Strategy: What have we learned? Since completion of discovery process and stakeholder interviews, I have learned a great deal about the context that the guide will live within, the content areas that the guide needs to focus on and the various end-users that will access and utilize the Style Guide. Below is a discovery breakdown of some of the granular elements that need to be addressed in the strategy and design phase of the UX process. Style guide will be accessed by UX Department, UI Department, property content managers, Directors and various property stakeholders. For properties, Style Guide needs to have accurate information on branding, logos, colors, typography menus and global information on header, footer and right rail wraps. For developers the guide should have accurate information on global elements for both free and premium sites. Properties will have some control over color and feel, but UI needs access to information to set up sites. Developers can utilize style guide to archive code and chunks for reference by properties or within the department. Free sites are property sites that are free to the public to view and use. They utilize Medley to access and share information. The property sites have a global header, footer and right rail. These areas are maintained by the CMGt and contain static areas and advertising options. They are built on a fixed 9 column grid system. Premium sites are for paid subscribers. They are built on a responsive 12 column grid at 960 width. Teases for articles can appear on Free sites, but are roadblocked for non-subscribers. Premium contents is tagged with a my icon. A guide/resource for best practices using the social media icons and logos would benefit properties in maintaining standards of outside resources and vendors. Create LIVE examples of style guide content. This means that the coding of content areas will mimic the coding on the actual property sites.
7 7 Strategy: Whiteboarding Since there is not one specific, overall task for an end user to accomplish and any and all the information within the guide could potentially be the completed task for different user groups. I utilized whiteboarding of information gathered to start working out the flow and consistency of the information in the guide. The process behind this map, is to take all the information received form the stakeholder interviews and organize a flow and hierarchy of information. Top level item Page(s) Page elements Additional style guide resources Property Types TV Newspaper Radio One-Off Sites Global Elements All TV Properties by Market All News Properties by Market All Radio Properties by Market All Properties by Personality FREE SITE GLOBAL ELEMENTS PREMIUM SITE GLOBAL ELEMENTS Site Info Typography Branding Logos Colors Additional property specific info Header Elements Free Grid Info Wrap Information Header, right rail, footer Global Typography Premium Grid Info Responsive Wrap Information Global Typography Best Practices UX Dept. UX Resources Dev/UI Integration Chunk archive Medley Content Sections
8 H 8 Strategy: Sitemap Sitemap shows the page hierarchy within the Style Guide. The Site Map has been condensed in order to fit it within the UX Process presentation. Additional features have been included within the Site Map and can easily be implemented into the final design process. TELEVISION NEWSPAPER RADIO TELEVISION CATEGORY PAGE (ALL PROPERTIES) NEWSPAPER CATEGORY PAGE (ALL PROPERTIES) RADIO CATEGORY PAGE (ALL PROPERTIES) I PRO G BY BY BY BY BY BY BY BY BY BY BY BY cla ATLANTA SEATTLE PITTSBURGH OHIO CHARLOTTE ORLANDO OAKLAND ATLANTA AUSTIN OHIO PALM BEACH ATHENS ATLANTA DAYTON HOUSTON JACKSONVILLE LONG ISLAND MIAMI ORLANDO SAN ANTONIO TEXAS TULSA (ITEM PAGE) INDIVIDUAL PROPERTY STYLE GUIDE PAGE. (ITEM PAGE) INDIVIDUAL PROPERTY STYLE GUIDE PAGE. (ITEM PAGE) INDIVIDUAL PROPERTY STYLE GUIDE PAGE. SEARCH FUNCTIONALITY Pages and posts are to be properly tagged with a constructed thesaurus of related tags for style guide. The search function will be able to isolate specific content directly from homepage or any page that your are on. Will be accessed form sticky main menu.
9 9 OMEPAGE ONE-OFF GLOBAL ELEMENTS UX RESOURCES (ITEM PAGE) NDIVIDUAL PERTY STYLE UIDE PAGE. FREE SITES PREMIUM SITES BEST PRACTICES UX DEPARTMENT (BLOG SYSTEM) ABOUT MEDLEY rkhoward.com SOCIAL MEDIA COLOR CONTRAST CHECKER CATEGORIZED POSTS/ENTRIES CATEGORIZED POSTS/ENTRIES CATEGORIZED POSTS/ENTRIES MEDLEY CONTENT/ SECTION (Including UX Wireframes)
10 10 Design: Wireframes The following wireframes incorporate findings from the discovery & strategy process. The wireframes show the homepage layout as well as the individual property pages and global elements pages. The UX resources will use the Wordpress post sort and archivability engine within Wordpress to populate and design the pages. Site will be based off a 1200px width fully responsive design. * The live Axure wireframes are located at HOMEPAGE
11 11 Design: Wireframes * The live Axure wireframes are located at PROPERTIES CATEGORY PAGE INDIVIDUAL PROPERTY PAGE GLOBAL ELEMENTS PAGE
12 12 Design: Style Guide Design Theory Living Style Guide: From the start, this guide was to be living with the ability to update and incorporate any information that the UX department or other adjacent departments would need to document and maintain. When standards change, the style guide can evolve to meet the new standards and requirements. Wordpress CMS: I chose Wordpress CMS to create the Style Guide. Amazing framework, used by CNN, TIME and other news organizations. The framework allows for easy implementation of a new property, templates for specific pages, information sharing, archiving UX resources, easy access by properties and simple automatic updates. Minimal Design: Simple, clean design with plenty of well intentioned whitespace to draw your attention to the action areas and information of the site. Simple architecture will allow quick reference to needed material within guide. Graphics: No graphics will be used in the design of the Style Guide. Graphic assets will be reserved for the property information pages, global element pages and UX resources. Typography: Typography is king in this document. By strategic use of line weight, placement and size, the typography will dictate flow and usability of each page and section. Rounded Corners: Rounded corners are only used for an action. This follows modern trends. If it has a rounded corner then you can click it. Buttons are most likely to have these actions. Buttons will be simple ios styled 1px width borders with minimal hover effects. Text Links: Text links will have a simple darker color than the body text. This should be adequate visual representation of an action involved with this text. Search Functionality: By use of proper taxonomy, tagging and architecture the search function will allow users of the Style Guide to find information needed directly from the search area.
13 13 Welcome to the Style Guide The CMGt Style Guide is located at
14 14 Design: CMGt Style Guide The final deliverable for this project is the completed Style Guide. Included below are high-res examples of the website. * The live Style guide can be found at HOMEPAGE PROPERTY CATEGORY PAGE
15 15 Design: CMGt Style Guide * The live Style guide can be found at INDIVIDUAL PROPERTY PAGE GLOBAL ELEMENTS PAGE
16 Designed and Developed by John Tindel Cox Media Group 2014.
Site Documentation for ndiesslin.com
Site Documentation for ndiesslin.com.1 Contents Proposal Estimate Target Audience Flow Chart Wireframes Moodboard Functionality Mockups Site build Checklist Style Guide.3.4.5.6.7.8.9.10.12.15.2 Proposal
More informationVISUAL DESIGNER CAREER BLUEPRINT
VISUAL DESIGNER CAREER BLUEPRINT HAVE A QUESTION? ASK! Read up on all the ways we re here to help. CONFUSION IS GOOD :) Seriously, it s scientific fact. Read all about it! REMEMBER, YOU ARE NOT ALONE!
More informationDesign Iteration: From Evidence to Design. Slides originally by: Dick Henneman
Design Iteration: From Evidence to Design Slides originally by: Dick Henneman Foundations: MS-HCI @ Georgia Tech Context of use Context of development Analyze/ Evaluate Design/B uild Evidence-Based Design
More informationUSER EXPERIENCE DESIGN GA.CO/UXD
General Assembly Course Curriculum USER EXPERIENCE DESIGN User Experience Design Table of Contents 3 Overview 4 Students 5 Curriculum Projects & Units 11 Frequently Asked Questions 12 Contact Information
More informationCreating a Remarkable User Experience
Your Exam Study Guide The following guide walks through key lessons from each of the certification classes. Use these questions and tasks to prepare for your exam. Creating a Remarkable User Experience
More informationYour digital thought partners. CASE STUDY Thomson Reuters. Agile development LAUNCH PORTAL
Your digital thought partners. CASE STUDY Thomson Reuters Agile development LAUNCH PORTAL Overview 00. 01. 02. 03. 04. 05. 06. 07. Introduction Discovery Planning User Experience (UX) User Interface (UI)
More informationUX / UI THE BOOT CAMP AT UT AUSTIN CURRICULUM OVERVIEW. McCombs School of Business School of Information
McCombs School of Business School of Information THE UX / UI BOOT CAMP AT UT AUSTIN CURRICULUM OVERVIEW In the modern digital economy, design and user experience are two of the hottest buzzwords. Employers
More informationAI Model Training Platform
Amazon AWS for AI Model Management, Training, and Testing ROLE: Lead UX Designer DELIVERABLES: System Sitemap Wireframes Mockups VISION TEAM To make AI more accessible to the masses by creating a platform
More informationResponsive Redesign dispatch.com 10tv.com thisweeknews.com
Responsive Redesign 2014 dispatch.com 10tv.com thisweeknews.com Project Goals Establish a one web content strategy Share templates and interaction design patterns across brands Provide enough flexibility
More informationJennifer Nip, P.Eng. Portfolio
Jennifer Nip, P.Eng Portfolio Jennifer Nip Portfolio Jennifer has over 10 years experience in web design and usability analysis Being the Lead User Experience Designer, she has leading edge web design
More informationThe Elements Theme English manual: v1
The Elements Theme English manual: v1 Introduction Thank you for installing the Elements Theme for Lightspeed Ecommerce. This is our 3 rd theme for this platform and we used all our past experiences and
More informationIEEE Wordpress Theme Documentation
IEEE Wordpress Theme Documentation Version 1.0.2 2014-05- 16 Table of Contents TABLE OF CONTENTS 2 INITIAL SETUP 3 FRONT PAGE 3 POSTS PAGE 4 CONTACT 5 SITE MAP 6 MENU 7 HOME PAGE 8 PAGE TEMPLATES 10 LEFT
More informationDepartment of Digital Media Handbook. Projected Schedule
Department of Digital Media Handbook Projected Schedule Program Information & Flyers: Associate of Arts (AA) Degree Web and Mobile Design Certificate of Achievement Web and Mobile Design Certificate of
More informationWEB DEVELOPMENT REQUIREMENT CHECKLIST
WEB DEVELOPMENT REQUIREMENT CHECKLIST BEFORE YOU GET STARTED Welcome and thank you for choosing CXGlobals for your web design/development needs. This guide pretends to instruct and guide you into the process
More informationMELISSA CRADDOCK USER EXPERIENCE PRODUCT DESIGN LEAD
MELISSA CRADDOCK USER EXPERIENCE PRODUCT DESIGN LEAD Phone: 404-775-9863 Email: hireme@melissacraddock.com Portfolio: www.melissacraddock.com SKILLS I have a diverse set of skills allowing me to take a
More informationWEB DESIGN + DEVELOPMENT FOR CREATIVES
WEB DESIGN + DEVELOPMENT FOR CREATIVES SERVICES AND PRICING 2018 ABOUT XOMISSE XOmisse is a design and development studio that partners with creative individuals and small businesses who are ready to make
More informationUSER EXPERIENCE DESIGN IMMERSIVE GA.CO/UXDI
General Assembly Course Curriculum USER EXPERIENCE DESIGN IMMERSIVE User Experience Design Immersive Table of Contents 3 Overview 5 Students 6 Projects Frequently 8 Asked Questions 10 Contact Information
More informationA Proposal for Work. Getting To Know Us. Proposed Project Timeline. Project Goals Discussion Week 1
A Proposal for Work SENT: Friday, August 6, 2010 FROM: Chris Brauckmuller (Flourish Interactive) TO: Bryan Pieper (WCI Communities) Getting To Know Us Our development philosophy has two facets, one forget
More informationDrupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme
Introduction Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme In this Getting Started Guide, you can follow along as a website is built using the MIT DLC Theme. Whether you
More informationSmartTheme Manual 1 Last update: 2017/07/29 OptimizePress
SmartTheme Manual 1 Last update: 2017/07/29 OptimizePress Copyright 2017 OptimizePress Table of Contents 1. SmartTheme... 1 2. Initial Setup... 2 2.1. Installing The Theme... 3 2.2. Installing & Activating
More informationLOCAL WEB DESIGN. Designing a Website That Produces Results
LOCAL WEB DESIGN Designing a Website That Produces Results TABLE OF CONTENTS Introduction 01 Chapter I User Behavior 02 Chapter II Principles of Effective Web Design 03 Chapter III Wordpress Features 05
More informationBA. (Hons) Graphics Design
BA. (Hons) Graphics Design Cohort: BGD/16A/FT Examinations for 2018 / Semester 1 Resit Examinations for BGD/15B/FT MODULE: Advanced Web Design MODULE CODE: WAT3110C Duration: 2 Hours Instructions to Candidates:
More informationAt a glance: Digital Media, UX-UI Design > HTML Newsletters
Contents At a glance: Look & Feel Constructing HTML newsletters Technical requirements CD guidelines: Brand and Markings Typography Cover letter Teasers Imprint An HTML newsletter is a circular sent via
More informationPLANNING. CAEL Networked Worlds WEEK 2
PLANNING CAEL5045 - Networked Worlds WEEK 2 WEEK 2 CHOOSING COLOURS CHOOSING FONTS COLLECTING CONTENT PLANNING STRUCTURE WIREFRAMES + MOCKUPS Every colour, including black and white, has implications for
More informationLearner UI Branding Guidelines
Learner UI Branding Guidelines Contents Overview... 1 Getting Started... 2 Branding Requirements... 2 Layout... 3 Header... 3 Body... 3 Footer... 3 Backround... 3 General... 4 Scaling... 4 Fonts... 4 Toggle
More informationBA. (Hons) Graphics Design
BA. (Hons) Graphics Design Cohort: BGD/16A/FT Examinations for 2016 / Semester 2 Resit Examinations for BGD/13/FT & BGD/14B/FT MODULE: Web Design MODULE CODE: WAT1106c Duration: 2 Hours Instructions to
More informationCompetitive & Comparative k Analysis k
Table of Content Comparative & Competitive Analysis 2 Personas.. 6 User Flows.... 9 Site Map.... 12 Usability Report.... 14 Annotated Wireframes.. 17 Logo Redesign.. 24 1 Competitive & Comparative k Analysis
More informationPassionate designer with a love for solving design problems using feasible and creative solutions
Ramya Jayakumar Mobile: 980-430-9942 Email: ramyajayakumar7@gmail.com Portfolio:www.ramyajayakumar.com Summary Passionate designer with a love for solving design problems using feasible and creative solutions
More informationMorgan Landis
Morgan Landis Morgan@ContentedDesign.com 614.636.0544 1 Design Thinker. Information Architect. Experience Designer. My specialty is asking the right questions. I work collaboratively to help understand
More informationWEBSITE USER GUIDE.
WEBSITE USER GUIDE www.thegrangekent.co.uk Crafted by Burning Leaf Creatives burningleaf.co.uk May 2018 Fundraising for the children of Five Acre Wood School ABOUT THIS GUIDE This guide has been crafted
More informationDocumentation:Blogzine WordPress Theme
Documentation:Blogzine WordPress Theme Install Blogzine WordPress Theme within a few minutes:- Blogzine is a minimalistic WordPress theme dedicated to blogs. Blog In provides a responsive layout with unlimited
More informationRocket Theme. User Guide
Rocket Theme User Guide This user guide explains all main features and tricks of multifunctional Rocket WordPress Theme. This information will make your work with the theme even easier and more effective.
More informationPrinceMorrison, LLP PREPARED FOR: REGINA PRINCE OF PRINCEMORRISON, LLP PREPARED BY : SAVY AGENCY SAVY PROPOSAL: NO
PrinceMorrison, LLP PREPARED FOR: REGINA PRINCE OF PRINCEMORRISON, LLP PREPARED BY : SAVY AGENCY SAVY PROPOSAL: NO. 97571 DATE: MAY 4TH, 2016 016 RE: Request for Proposal: Regina: We appreciate your interest
More informationThe Ultimate Career Guide For The Web & Graphics Industry
Learn about the Film & Video industry, the types of positions available, and how to get the training you need to launch your career for success. The Ultimate Career Guide For The Web & Graphics Industry
More informationA Quick Introduction to the Genesis Framework for WordPress. How to Install the Genesis Framework (and a Child Theme)
Table of Contents A Quick Introduction to the Genesis Framework for WordPress Introduction to the Genesis Framework... 5 1.1 What's a Framework?... 5 1.2 What's a Child Theme?... 5 1.3 Theme Files... 5
More informationCrocker Communications
Crocker Communications Information Architecture Doc Version: 1.0 Creation Date: March 6, 2014 By: Knectar For: TSM Design, Crocker Communications Table of Contents Introduction Design and Assets Wireframes
More informationBuilding a Brand. Building a Business.
1 CASE STORY Building a Brand. Building a Business. A new ecommerce business was brought to life within the Hanes ecosystem, offering custom apparel design. Turning Big Ideas Into a Reality Our multidiscipline
More informationLayout Standards & Techniques. Nick Finck Webmaster Jam Session Saturday, September 23rd, 2006
Layout Standards & Techniques Nick Finck Webmaster Jam Session Saturday, September 23rd, 2006 How Outdated? 2 Pop Quiz! Some Pain 4 Layout from the standpoint of: Interaction Design How the page and site
More informationTERMS OF REFERENCE Design and website development UNDG Website
TERMS OF REFERENCE Design and website development UNDG Website BACKGROUND The United Nations Development Coordination and Operations Office (UN DOCO) launched a new website in 2015 to ensure accessibility
More informationUser-Centered Analysis & Design
User-Centered Analysis & Design Section Topic Slides Study Guide Quick References (QR) Introduction UCA vs. UT 1-26 12 Comparing Analysis and Testing Approaches ROI 1-29 7 Formulas for Calculating ROI
More informationRequirement Engineering within an Agile Environment BY KEJI GIWA. Digital Bananas Technology
Requirement Engineering within an Agile Environment BY KEJI GIWA HLR Workshop Requirement Catalogue Product Planning Sprint Planning Meeting Keyscreens Use Case / Epic Stories Implement Wireframes DBT
More informationStep 1 - Learning & Discovery
OUR PROCESS Our goal as a integrated marketing agency is to provide clients with the most creative and effective solutions for their business. Reaching that goal begins with our Learning and Discovery
More informationCertificate in Web Designing
Certificate in Web Designing Duration : 240 Hrs / 3 Months Internet Basics email fundamentals IP addressing (IPv4 and V6) Browser layout engine differences Search Engine Optimization How to use search
More informationRequest for Proposal (RFP) Toolkit
RFPToolkit Request for Proposal (RFP) Toolkit Table of Contents RFP Checklist......................................................... 2 6 Tips for Writing an RFP..............................................
More informationThe Deerbrook Web Style Guide
The Deerbrook Web Style Guide Table of Contents Introduction Agency Dashboard 2 Customer Data Window 3 Creative Brief Page Structure Agency Dashboard 5 Customer Data Window 7 Typography Color Photography
More informationCreating a Website with Wordpress
Creating a Website with Wordpress Wordpress Fundamentals Version 1.6 Fayette County Public Schools June 28, 2013 Sow-Foong Hedman Technology Web Team Contents What is Wordpress?... 4 Overview... 4 Key
More informationAdobe CC as Wireframe and Web Design Tool
Start designing by doing very rough sketches on paper, or lately more often, if not near my office desk, on my ipad or smartphone screen. These sketches focus thoughts regarding the chosen concept and
More informationPotential candidates should their CV with visual portfolio to
work opportunities MID-LEVEL GRAPHIC DESIGNER (Freelance Position) You will primarily be responsible for artworking and applying designs across a range of medias, so an eye for detail and the ability to
More informationSharePoint For All. Jennie Delisi Accessibility Analyst Kris Schulze User Experience
SharePoint For All Jennie Delisi Accessibility Analyst Kris Schulze User Experience Question 1 Do you work for the State of MN, county, city, other? (Text field beside other) State of MN executive branch
More informationCassandra Platform - A Case Study
Cassandra Platform - A Case Study * Disclaimer: This is meant to be a short, high level overview of some of my contributions for the Cassandra project. ***This project is currently under development and
More information11/5/16 WEB DESIGN. Branding Fall 2016
designschool.canva.com/blog/print-vs-web/ nngroup.com/articles/differences-between-print-design-and-web-design/ howdesign.com/web-design-resources-technology/top-content-management-systems-designers/ alchemyuk.com/design/74-top-10-web-design-tips
More informationDevelopment Methodology TM
We use our proven iterative approach to each design and development project. With this 6 step methodology, once the preliminary requirements are clear, the next step is to prototype your website. From
More informationSolePestProblems.org. Technology development plan (June 2016) Interactive Mockup
Technology development plan (June 2016) The technology development plan describes the requirements for this website. This document is intended to be used by developers and key stakeholders to verify the
More informationA Guide to Using WordPress + RAVEN5. v 1.4 Updated May 25, 2018
+ v 1.4 Updated May 25, 2018 Table of Contents 1. Introduction...................................................................................3 2. Logging In.....................................................................................4
More informationSanil Bhatte. Phone:
Sanil Bhatte Email: sanil.bhatte@gmail.com Phone: +919004222112 Work Samples Portfolio: http://www.sanilbhatte.com Additional work samples: Apple- Data Analytics Dashboard Design Samples https://drive.google.com/open?id=0b2mdpv1j7xrrdktomumzyk1ztda
More informationBuilding Websites People Can Actually Use
Building Websites People Can Actually Use Your Presenter: Joel Baglien VP Consulting Services, High Monkey Consulting MARCH 13, 2013 Introduction Welcome & thanks to Kentico for hosting the Webinar Please
More informationOracle Eloqua s User Guide
http://docs.oracle.com Oracle Eloqua Emails User Guide 2017 Oracle Corporation. All rights reserved 08-Dec-2017 Contents 1 Emails Overview 6 2 Examples of emails 7 3 Creating emails 19 4 Email authoring
More information3 Steps to a Great Website
3 Steps to a Great Website How to Bring Your Brand and Site to Life Our clients choose Mission Minded as a partner for developing their web presence because of our expertise in bringing their brands to
More informationLecture 16. Will spend Thursday setting up group projects No exams. 10% added to in-class/homework. 10% added to final group project.
Lecture 16 Will spend Thursday setting up group projects No exams. 10% added to in-class/homework. 10% added to final group project. 1 Outline Chapter 9 Design iterations Intermediate design Detailed design
More informationREQUEST FOR TECHNICAL AND FINANCIAL PROPOSAL
REQUEST FOR TECHNICAL AND FINANCIAL PROPOSAL from local and international companies Date: 12 July 2011 Country: Description of the assignment: Project name: Period of assignment/services: Viet Nam Developing
More informationTRACY REITH USER EXPERIENCE DESIGN
TRACY REITH USER EXPERIENCE DESIGN 503-799-0779 treith@treith.com www.linkedin/in/tracyreith www.treith.com ShiftWise Connect SaaS vendor management system for healthcare contingency / temporary staffing.
More informationSEGUE DISCOVERY PARTICIPATION IN DISCOVERY DISCOVERY DELIVERABLES. Discovery
SEGUE DISCOVERY An initial engagement with Segue begins with a Phase where our experienced team works directly with our customer to define the vision, scope, and high-level requirements for the project.
More informationGiles County Animal Rescue
Giles County Animal Rescue Client: Christine Link-Owens Virginia Tech CS 4624 Capstone Project Blacksburg, VA, 24060 May 8, 2013 Team Members: Amber Parsons Gregory Myrick Table of Contents Executive Summary
More informationTRINET INTERNET SOLUTIONS, INC.
TRINET INTERNET SOLUTIONS, INC. 1. Headquartered in Orange County, California with Offices in Washington D.C. and Dallas 2. Industry leading, full-service digital agency for 22 years 3. Expert capabilities
More informationDIGITAL SPONSORSHIP $1,500.00
BISNOW MEDIA KIT DIGITAL SPONSORSHIP $1,500.00 Digital logo placement on: event e-blasts, event page on bisnow.com & event mobile agenda. A gracious thank-you from our emcee the day of the event. 2 tickets
More informationPage 1 of 11 Units: - All - Teacher: WebPageDesignI, CORE Course: WebPageDesignI Year: 2012-13 Introduction to the World of Web Standards Why do web development standards play a key role in the proliferation
More informationHAND OFF PACKAGE. Prepared by Hannah Hatherell Juan Lopez Allison Buffam Safia Jama
HAND OFF PACKAGE Prepared by Hannah Hatherell Juan Lopez Allison Buffam Safia Jama Table of contents Project Scope 3 Sitemap 7 Moodboard 8 Style Guide 9 Low Fidelity Wireframes 11 High Fidelity Mockups
More informationDeveloper Tasks for Non-Code Hackers
André Schnabel, Christoph Noack 2011-10-15, 10:30, La Cantine 1 The Observation User oriented community feels separated from developers Developers are pushing code without asking us. Developers don't take
More informationDesign Proposal: Outline
Design Proposal: Outline This outline should be used as a checklist to help each member of the team make sure that every section of the document meets the requirements for a design proposal. Writing Style
More informationI N V E S T M E N T G U I D E www.blushcreativestudio.com a letter from our creative director Hi, I m Jess! It s so nice to meet you. I am a brand stylist & web designer born in Seattle & settled in a
More informationREQUEST FOR PROPOSALS (RFP) WEBSITE REDESIGN AND LAUNCH. About the New Brunswick Anti-Tobacco Coalition (NBATC)
Page 1 of 10 REQUEST FOR PROPOSALS (RFP) WEBSITE REDESIGN AND LAUNCH The New Brunswick Anti-Tobacco Coalition (NBATC) invites vendors to prepare and submit a proposal for the redesign of its current, bilingual
More informationWireframes for Testing and Design
Wireframes for Testing and Design Elizabeth Rosenzweig Principal Consultant, Bentley User Experience Center Adjunct Professor, Bentley University erosenzweig@bentley.edu 1 Today Design and usability of
More informationUser Interfaces Assignment 3: Heuristic Re-Design of Craigslist (English) Completed by Group 5 November 10, 2015 Phase 1: Analysis of Usability Issues Homepage Error 1: Overall the page is overwhelming
More informationService design: the next-generation of experience design. Steve Kato-Spyrou UX Manager John Lewis
Service design: the next-generation of experience design Steve Kato-Spyrou UX Manager John Lewis What the talk is about Theory of service design Fitting service design into design thinking, lean and agile
More informationUSABILITY WEBSITE AUDIT USCHOOL.COM.UA TECHNICAL SPECIFICATIONS
USABILITY WEBSITE AUDIT USCHOOL.COM.UA TECHNICAL SPECIFICATIONS UX-AUDIT PETER@UX-AUDIT.COM SKYPE: PETRNIKOLAIEV Content Content... 1 Main page... 2 School Enrollment... 7 Price... 8 Our school... 10 Teaching...
More informationA short introduction to. designing user-friendly interfaces
A short introduction to designing user-friendly interfaces Usability is often ignored until it becomes a problem Introduction This booklet is about Usability and User Experience design. It is aimed at
More informationOracle Eloqua s User Guide
http://docs.oracle.com Oracle Eloqua Emails User Guide 2018 Oracle Corporation. All rights reserved 11-Jan-2018 Contents 1 Emails Overview 6 2 Examples of emails 7 3 Creating emails 19 4 Email authoring
More informationPUTTING THE CUSTOMER FIRST: USER CENTERED DESIGN
PUTTING THE CUSTOMER FIRST: USER CENTERED DESIGN icidigital.com 1 Case Study DEFINE icidigital was chosen as a trusted creative partner to design a forward-thinking suite of sites for AICPA, one of the
More informationTABLE OF CONTENTS INTRODUCTION...3 MAIN ELEMENTS OF A PRODUCT ROADMAP...4 PRODUCT ROADMAPS...11 MARKETING ROADMAPS...27 ABOUT PRODUCTPLAN...
TABLE OF CONTENTS INTRODUCTION...3 MAIN ELEMENTS OF A PRODUCT ROADMAP...4 PRODUCT ROADMAPS...11 Product Roadmap Template... 12 Agile Roadmap Template... 13 Release Plan Template... 14 Portfolio Roadmap
More informationInteractive Media CTAG Alignments
Interactive Media CTAG Alignments This document contains information about eight Career-Technical Articulation Numbers (CTANs) for the Media Arts Career-Technical Assurance Guide (CTAG). The CTANs are:
More informationUniversity of Manitoba Web Standards Guidelines
University of Manitoba Web Standards Guidelines The web is a powerful communications tool. The experience visitors have when they come to our site can either positively or negatively impact their associations
More informationP R I C E S ina fox creative. artisan websites C R E A T I V E W E B D E S I G N
P R I C E S 2 0 1 7 ina fox creative artisan websites C R E A T I V E W E B D E S I G N W W W. I N A F O X. C O M H E L L O @ I N A F O X. C O M @ I N A F O X C R E A T I V E LET YOUR WEBSITE DO THE TALKING
More informationWebsite Design and Development CSCI 311
Website Design and Development CSCI 311 Learning Objectives Understand good practices in designing and developing web sites Learn some of the challenges web design Activity In pairs: describe how you d
More informationLearn UI / UX Design Be ready to get your Dream Job
Learn UI / UX Design Be ready to get your Dream Job Build amazing products and websites in 3 months. Launch your career in Information Architect, User Research, Usability Test Analyst, UX Designer, UI
More informationWordpress 101. Christy Costello & Becca Sayre
Wordpress 101 Christy Costello & Becca Sayre What is Wordpress? Let s get started. What is Wordpress? Content Management System (CMS) built with PHP and MySQL Free and open-source Mostly customizable Began
More informationDESIGN WHITE PAPER EVERYTHING IS BEAUTIFUL. POP IS EVERYTHING.
DESIGN WHITE PAPER EVERYTHING IS BEAUTIFUL. POP IS EVERYTHING. There is no such thing as No Design, only Good Design and Poor Design. Anonymous Pop Art is a one-stop resource for creative services, from
More informationMobile UX or WHITEPAPER
Mobile UX or WHITEPAPER Overview According to the International Telecommunication Union (ITU) (2010) there were 5.3 billion mobile subscriptions by the end of 2010. That is equivalent to 77 percent of
More informationWordPress SEO. Basic SEO Practices Using WordPress. Leo Wadsworth LeoWadsworth.com
Basic SEO Practices Using WordPress Leo Wadsworth LeoWadsworth.com Copyright 2012, by Leo Wadsworth, all rights reserved. Unless you have specifically purchased additional rights, this work is for personal
More informationThe Experience of Prototyping. Jennifer Kalz, CBAP, CUA, CSM March 28, 2017
The Experience of Prototyping Jennifer Kalz, CBAP, CUA, CSM March 28, 2017 Agenda Core Concept Model Overview and Benefits of the Technique Fidelity of a Prototype Best Practices with the Technique Usability
More information2 days. Certified UX & Usability Professional User Experience & Interaction Design with Lean UX & Agile UX
2 days Certified UX & Usability Professional User Experience & Interaction Design with Lean UX & Agile UX Description What to expect User experience has become the most important factor for designing successful
More informationDesigning Personalized Experiences For Your Brand
THE ULTIMATE GUIDE TO: Designing Personalized Experiences For Your Brand Ashton Landry & Amie Levasseur THE PERSONALIZATION SUMMIT 2017 Designing Personalized Experiences For Your Brand Have you ever seen
More informationGetting Started with Publisher 2013
1 Getting Started with Publisher 2013 Learning Objectives Get familiarize with the Publisher user interface Create publications from scratch or from templates Customize your template design to meet your
More informationGood morning. I am writing to express my interested in the Sr Graphic Designer position.
Hello, Good morning. I am writing to express my interested in the Sr Graphic Designer position. I am self-motivated and capable of managing multiple project timelines. I enjoy working directly and collaboratively
More informationProposal for the design and development of the Compass Land Consultants website
Proposal for the design and development of the Compass Land Consultants website Including discovery meetings, developing navigation, wireframing, and integration of the new site design into a Content Management
More informationCreating and Managing Your Personal Mines Website on WordPress
Creating and Managing Your Personal Mines Website on WordPress Table of Contents Creating your site... 2 Managing your site... 2 About WordPress... 2 Logging in... 2 Pages... 2 Editing an Existing Page...
More informationWEBSITE TRAINING. Sarah Eagan Anderson 98 Director of Interactive Communications. Donna Dralus 89 Online Media and Web Coordinator
WEBSITE TRAINING Sarah Eagan Anderson 98 Director of Interactive Communications Donna Dralus 89 Online Media and Web Coordinator Writing for the Web Good web writing = good writing Good writing means considering:
More informationCommittee Chair Manual for AIA SEATTLE S ONLINE MEMBER COMMUNICATION TOOL. Questions? Contact AIA Seattle s Communications team.
Contents Access to edit aiaseattle.org... 1 Committee Hub Pages... 2 Hub Page Editor... 2 Main Content Block... 2 Featured Image... 3 Files... 3 Events... 5 Recurring Committee Meetings... 8 Posts... 8
More informationSCHULICH MEDICINE & DENTISTRY Website Updates August 30, Administrative Web Editor Guide v6
SCHULICH MEDICINE & DENTISTRY Website Updates August 30, 2012 Administrative Web Editor Guide v6 Table of Contents Chapter 1 Web Anatomy... 1 1.1 What You Need To Know First... 1 1.2 Anatomy of a Home
More informationChris Jung, Garrick Li, Luyi Lu, Grant Neubauer CSE Autumn d: Usability Testing Review. Usability Test 1
Chris Jung, Garrick Li, Luyi Lu, Grant Neubauer CSE 440 - Autumn 2014 3d: Usability Testing Review Usability Test 1 Our first usability test was done with Glenn, a UW student, and took place in the HUB
More informationAce Corporate Documentation
Ace Corporate Documentation Introduction Welcome To Ace Corporate! We would like to thank you for donwloading Ace Corporate, Business WordPress theme. It is the lite version of Ace Corporate Pro. Before
More information