Wonderware design guidelines
|
|
- Allen Stevenson
- 6 years ago
- Views:
Transcription
1 Wonderware design guidelines 1 Focus on real users Identify and define 5 Build the hierarchy Structure 2 Identify real tasks Prioritize 6 Don t forget the interactions Build a qualitative user experience 3 Collect real content Be specific and constructive 7 Make it visual Prioritize and be consistent 4 Build a device strategy Think pixels 8 Remember the design process Collaborate, learn, think positive
2 1 Focus on real users Identify and define «Obsess over customers : when given the choice between obsessing over competitors or customers, always obsess over customers. Start with customers and work backward.» User profile Jeff Bezos, founder and CEO of Amazon Meet the end user Don t ignore the end users, they are the key to a good interface. Observe and talk to them to understand their skills and experience. Create personas If you can t meet up with end users, don t think you can avoid it and design the interface for yourself. Build fictional personas with habits, skills and needs. Make them real. Scenario Don t start designing before you know exactly what your HMI is for. To know so, imagine a scenario structured by the different tasks your users would do in a day. Co-create or share the story with the project stakeholders to build a shared vision. USER PROFILE Name : Age : Occupation : Hobbies : Devices : Favorite applications : SCENARIO - day 1 Goals : Main tasks : Rare tasks Obligatory tasks : Problems : Operating procedures : Wishes : Here are some questions which will help you imagine the needs of your users : Profile What is their name? How old are they? What is their job and salary? Are they in a relationship? What do they like to do in their free time? Digital litterracy What devices do they own? What devices do they use at work? What are their favorite applications? Work habits What is their goals during the day? What do they do most often? What do they do seldomly? How do they do it? What do they do when nothing is happening? What problems can occur? What do they do when something bad is going on? What do they feel they need and wish?
3 2 Identify real tasks Prioritize Task inventory Don t ease into the computer too quickly, work with a pen and paper or use a whiteboard to isolate your user s key tasks. Make an inventory of all the tasks in the scenario and list all the situations that have arisen (servicing, restarting, change of procedure...). Functional categories TASKS Tasks in interface Adjust set points Launch procedure Fill reports Respond to an alarm Tasks on site Check for misplaced product Refill material Replace die Situations Beginning of shift Setting up Production Changing order Cleaning in place Stopping the machine Emergency shut down End of shift Put the most important groups first and remove all redundant or irrelevant information. The main information should be accessible in maximum 3 clicks or taps. Categories Classify the tasks into functional groups according to how often they are used and how similar they are : alarms, manual commands, settings... Sub categories List sub-categories which exist within the categories. There shouldn t be more then 3 levels of depth of information. Naming Name the groups of functions with words familiar to the user. They will help build your navigation elements. CATEGORIES New shift Log in Check performances Changing order Select new workorder Replace die Adjust set points Production Adjust set point Fill reports Respond to an alarm Check for misplaced product Refill material Replace die NAMING DON T TIC00_X22.27 In section 22 of machine XXFGH the average temperature measured in Celsius is about 27, Don t use too much abreviations and cryptic text DO Dryer / Section 22 Temperature : 27 Be explicit but concise.
4 3 Collect real content Be specific and constructive Data DATA REPRESENTATION Don t ignore complexity. Know how detailed the interface must be and write down the units that need to be represented.the values shouldn t be too long, if they are it means the unit should change (mm to cm, g to kg...). Always display the relevant unit of measurement to avoid input errors. Understand the relationships between datas and actions and find the best objects to represent them (tables, pie charts, diagrams ). Editorial content Repartition Percentage To build a positive discourse, for instance : Don t say : You have entered the wrong information But try : An account number should be eight digits in length. Clarity Don t communicate in a lengthy and boring manner. Write in the users own language. When possible, use full words and sentences, as opposed to abbreviations and codes. Try to accompany visual icons with text. Trends Balance DIALOG COPY DON T DO Consistency Create consistency in the syntax and tone (neutral or directly addressed to the user...). Compared trend Relationships Do you whish to cancel the set point change? The new set point is 25 liters. Do you whish to save it? Build a positive discourse Your messages should be worded positively and affirmatively and provide constructive insight into how to use the application properly. Level Load Cancel No Yes The copy must be clear, concise and consistent with the buttons to avoid confusion.
5 4 Build a device strategy Think pixels Soft and hardware hand in hand SCREEN SIZES Don t think an interface is always the same, it isn t. It is build and conceived according to the device it is going to be used in. According to the user s needs, the market and your technical possibilities, determine the devices that your interface will be used in. Grid Once you decide on a device strategy, you know how much available space you will have so build a grid for all you elements accordingly : 1280/1024 px tactile, 1024/930 px Standards 1920/1080 px 1440/900 px 1280/1024 px Here are some questions which will help you decide on the device(s) : Is it an old PC? Is it a tactile screen? A phone? Android, Apple, Windows 8? Is it present on multiple devices? Is it different according to the device or is it responsive? Is it a software, a web site or an application? TOUCH SIZES 26/26 px Minimum touch size If possible, use the navigation and interaction standards of the device you are using to minimize the cognitive load of the user. 800/600 px 7 mm 34/34 px Average touch size 768/1024 px 9 mm 8 px Minimum spacing 320/480 px HD : 640/1136 px Percieved : 320/568 HD : 1080/1920 px Percieved : 540/960 px 2 mm
6 5 Build the hierarchy Structure Navigation After making functional clusters, build a navigation bar that allows navigation at all times between the main pages of the interface (commands, alarms...). Clusters Items that are logically connected should be grouped together on the screen, whereas items that have nothing to do with each other should be separated. You can use white space between collections of items to group them and/or you can put boxes around them to get the same result. Generic functions such as help, connection, language can be assembled.they can be placed in the upper bar with the logo, status, time and alarms... Readability Define a readability dynamic and place elements accordingly. Ex : top left to bottom right following the western societies reading dynamic or down to top following the Windows users habits NAVIGATION Maximum 7 items in a navigation bar READABILITY DYNAMIC At all times the users must be able to : Situate themselves clearly Access the main navigation functions Switch function or task Move to the previous or next step Log in or log out. Try to keep the same layout from one page to the other
7 6 Don t forget the interactions Build a qualitative user experience Feedbacks Always inform your users with visual cues or messaging of actions, changes in state, errors and exceptions. Provide different types of notification according to the severity of the message. Always include the ok or close function to start a process, confirm an order or after entering data. Make way for errors Every action of your user should be undoable. If the user does cause an error, use your messaging as a teachable situation by showing what action was wrong, and ensure that they know how to prevent the error from occurring again. Animation Don t disturb your users for nothing, avoid flashing animations unless they express a fatal emergency. Things that are not the same shouldn t look the same. Differentiate the static information from text fields or other dynamic elements. The best interface designs are invisible. FEEDBACKS i Information The recipe s new parameters have been saved. Validation Do you want to save the new recipe? Notification The packager roll will be finished in 1 hour. Alarm Please check the filter in the main dryer. BUTTON STATES Active INPUT TEXT Enter Colour DON T Free text increases the chance of input error Selected Select Colour Pink Orange Green NO DO YES Disactivated Default values reduce the chance for error Consistency When an application works consistently, it means that the users only have to learn the rules once, increasing their efficiency at each interaction. Create patterns by applying similar codes and actions to your design and if possible replicate patterns existing in interfaces popular to the user. Put your buttons in consistent places on all your windows, use the same wording in labels and messages, and use a consistent color scheme throughout your interface. Velocity The interface shouldn t be too crowded and heavy to avoid loading problems. All interactions should be extra fluid, your users won t wait.
8 7 Make it visual Prioritize and be consistent Layout DON T DO Work on a fixed grid, keep the same page layout from one page to another. With tactile interfaces, use as much screen space as possible, make elements big enough. Restrict the number of active zones and place them far enough to facilitate touch navigation. Text Only display essential information. The rest of the information can be displayed using filters, toggle buttons, pop-ins Make sure it is big enough to be read : minimum 14pt. Test maximum character height and width : Å is the tallest, y the lowest and W the widest. Align fields : left-justify edit fields, the corresponding labels should be right-justified and placed immediately beside the field. Justify data : right-justify integers, decimal align floating-point numbers, and left-justify strings Icons Limit the use of icons to standard functions or explain them with text. Don t design without a grid Too small for reading and touch Action Action is different froma link A link Plain text is different from a link Align Text Don t align with the ascenders Align all elements Big enough for reading and touch Action A button is for an action A link Underlined text often say link Align Text Align with the text X-height (not ascenders or descenders) Create a library of standard elements : buttons dialogs grids lists menus sub header switches tabs text fields tooltips Color and images Limit the number of colors to 5 or 6 and use them to create meaning. For instance, use green when all is ok, yellow when something could be changed, red when things go wrong. Provide appropriate contrast, it has to be maximum 70 % : use dark text on light backgrounds and light text on dark backgrounds. The resolution of the imported images must be at least equal to the screen resolution.
9 8 Remember the design process Collaborate, learn, think positive Iterate When developing interfaces, it is often said that you need to fail fast and iterate often. You will make mistakes but it will get you further than you think. Co-create and share Identify which stakeholders will be relevant for each phase of the project and work together with them. If possible don t just talk on the phone, meet up. You ll start to learn about each other s disciplines, reducing pain points and allowing more autonomy in the decision making. Talk with your stakeholders to establish the tools that will be used and they way you will work together. Ask yourselves : Will the project be waterfall or agile? How often will there be deliveries? How will the files be sent, on what plateform? What will be the ways to keep track of changes and requests? Show your sketches around to stakeholders, managers, engineers, designers and users. Take note of the reactions, explain your decisions, discuss and if necessary come to a compromise. Always move forward. Communicate Communicate on your innovation in conventions, publications, social medias or other appropriate communication channels.
Developing successful posters using Microsoft PowerPoint
Developing successful posters using Microsoft PowerPoint PRESENTED BY ACADEMIC TECHNOLOGY SERVICES University of San Diego Goals of a successful poster A poster is a visual presentation of your research,
More informationPowerPoint Basics: Create a Photo Slide Show
PowerPoint Basics: Create a Photo Slide Show P 570 / 1 Here s an Enjoyable Way to Learn How to Use Microsoft PowerPoint Microsoft PowerPoint is a program included with all versions of Microsoft Office.
More informationOskari UX Guide Cybercom Finland Oy
Oskari UX Guide 18.11.2015 Cybercom Finland Oy Contents Principles of User Interface Design 3 General Layout 4 Main Navigation Layout 5 Map View Layout 6 Layouts of Different Box Types 7 Form Layout 8
More informationMagnetize Your. Website. A step-by-step action guide to attracting your perfect clients. Crystal Pina. StreamlineYourMarketing.com
Magnetize Your Website A step-by-step action guide to attracting your perfect clients Crystal Pina StreamlineYourMarketing.com 2016 StreamlineYourMarketing.com All Rights Reserved. Published by Streamline
More informationUsing Dreamweaver CC. Logo. 4 Creating a Template. Page Heading. Page content in this area. About Us Gallery Ordering Contact Us Links
Using Dreamweaver CC 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationWeekend Urnr. Mobile App Wireframes. May Copyright UX Wireframe Experts 1
Weekend Urnr Mobile App Wireframes May 016 1 What is a wireframe? A wireframe is an outline of a digital product expressed in simple block layouts and representative text that conveys structure, hierarchy
More informationKarlen Communications Track Changes and Comments in Word. Karen McCall, M.Ed.
Karlen Communications Track Changes and Comments in Word Karen McCall, M.Ed. Table of Contents Introduction... 3 Track Changes... 3 Track Changes Options... 4 The Revisions Pane... 10 Accepting and Rejecting
More informationThe 23 Point UX Design Checklist
The 23 Point UX Design Checklist The 23 Point UX Design Checklist During the design process, some flaws in your product will go unnoticed. Those little (or sometimes big) things can do a lot to hurt the
More informationCREATING CONTENT WITH MICROSOFT POWERPOINT
CREATING CONTENT WITH MICROSOFT POWERPOINT Simple Tips And Tricks Presented by TABLE OF CONTENTS Introduction... 2 Design Tips... 3 Advanced Tips... 4 ShortCut Keys for Microsoft PowerPoint... 5 How-Tos...
More informationPrinting Envelopes in Microsoft Word
Printing Envelopes in Microsoft Word P 730 / 1 Stop Addressing Envelopes by Hand Let Word Print Them for You! One of the most common uses of Microsoft Word is for writing letters. With very little effort
More information1. You re boring your audience
1. You re boring your audience OK, so you ve convinced your users to visit your landing page. Or even better they ve signed up for your mailing list. That s great! Now that you have their attention, the
More informationMicrosoft Office Word. Part1
Microsoft Office 2010 - Word Part1 1 Table of Contents What is Microsoft Word?... 4 Creating a document... 5 Toolbar... 6 Typing in MS Word Text Area... 7 Cut, Copy and Paste Text... 9 Paste Preview...
More informationAdditional Support and Disability Advice Centre
Additional Support and Disability Advice Centre GUIDELINES TO PRODUCING ACCESSIBLE WORD DOCUMENTS 1 INTRODUCTION As well as allowing adaptation of font, background colour and layout to suit personal preferences,
More informationSilverStripe - Website content editors.
SilverStripe - Website content editors. Web Content Best Practices In this section: Learn how to make your site search-engine friendly Learn how to make your content accessible Other web best practices
More informationEDGE, MICROSOFT S BROWSER
EDGE, MICROSOFT S BROWSER To launch Microsoft Edge, click the Microsoft Edge button (it s the solid blue E) on the Windows Taskbar. Edge Replaces Internet Explorer Internet Explorer is no longer the default
More informationCognitive Disability and Technology: Universal Design Considerations
Cognitive Disability and Technology: Universal Design Considerations Clayton Lewis Coleman Institute for Cognitive Disabilities RERC-ACT clayton.lewis@colorado.edu Prepared for AUCD Training Symposium,
More informationRyan Parsons Chad Price Jia Reese Alex Vassallo
Ryan Parsons - Paper Prototype, Writing Chad Price - Paper Prototype, Digital Mockup Jia Reese - Paper Prototype, Usability Testing Alex Vassallo - Usability Testing, Writing All we have to decide is what
More informationEdge Television Advertisement. -Open the 3 images of TV characters and the network logo in Photoshop. Your images must be high resolution images!
-Open the 3 images of TV characters and the network logo in Photoshop. Your images must be high resolution images! -Use Layer Styles to add a White Stroke of 5 pixels to each image you cut out. This will
More informationCOMS 359: Interactive Media
COMS 359: Interactive Media Agenda Review Web Design Preview Review Tables Create html spreadsheets Page Layout Review Table Tags Numerous Attributes = border,
More informationContent Author's Reference and Cookbook
Sitecore CMS 7.0 Content Author's Reference and Cookbook Rev. 130425 Sitecore CMS 7.0 Content Author's Reference and Cookbook A Conceptual Overview and Practical Guide to Using Sitecore Table of Contents
More informationCreating a Website Using Weebly.com (June 26, 2017 Update)
Creating a Website Using Weebly.com (June 26, 2017 Update) Weebly.com is a website where anyone with basic word processing skills can create a website at no cost. No special software is required and there
More informationWebsite Management with the CMS
Website Management with the CMS In Class Step-by-Step Guidebook Updated 12/22/2010 Quick Reference Links CMS Login http://staging.montgomerycollege.edu/cmslogin.aspx Sample Department Site URLs (staging
More informationHands-On Lab. Agile Planning and Portfolio Management with Team Foundation Server Lab version: Last updated: 11/25/2013
Hands-On Lab Agile Planning and Portfolio Management with Team Foundation Server 2013 Lab version: 12.0.21005.1 Last updated: 11/25/2013 CONTENTS OVERVIEW... 3 EXERCISE 1: AGILE PROJECT MANAGEMENT... 4
More informationCounselLink Reporting. Designer
CounselLink Reporting Designer Contents Overview... 1 Introduction to the Document Editor... 2 Create a new document:... 2 Document Templates... 3 Datasets... 3 Document Structure... 3 Layout Area... 4
More informationWord Processing Basics Using Microsoft Word
Word Processing Basics Using Microsoft Word lab 3 Objectives: Upon successful completion of Lab 3, you will be able to Use Word to create a simple word processing document Understand the concept of word
More informationDesktop Studio: Charts. Version: 7.3
Desktop Studio: Charts Version: 7.3 Copyright 2015 Intellicus Technologies This document and its content is copyrighted material of Intellicus Technologies. The content may not be copied or derived from,
More informationUNSW Global Website Branding Guidelines. Website Brand Guidelines
Website Brand Guidelines I Contents 1 Introduction... 1 2 Website Structure... 1 2.1 Page structure overview... 1 2.2 Home page structure... 1 2.3 Secondary page structure... 4 3 Page elements... 6 3.1
More informationACCUFAST. LPX Printer Printing Guide
ACCUFAST LPX Printer Printing Guide Printing Overview The first step in printing a file is loading that file. The GUI has a number of features that allow it to read a large number of different file types,
More informationUsing Dreamweaver CS6
Using Dreamweaver CS6 4 Creating a Template Now that the main page of our website is complete, we need to create the rest of the pages. Each of them will have a layout that follows the plan shown below.
More informationPlus 10: Descending the Design Funnel THE 10 PLUS 10 METHOD. developing 10 different ideas and refinements of selected ideas
10 Plus 10: Descending the Design Funnel developing 10 different ideas and refinements of selected ideas 1.4 The design funnel describes a process that you, as an interaction designer, need to habitually
More informationChapter 2 The Design Window
Chapter 2 Objectives Chapter 2 The Design Window Learn about Crystal sections Move objects Use Toolbars, Icons, and Menus Format fields Add Special Fields Change a Group Use the Crystal Field Explorer
More informationAccess Intermediate
Access 2013 - Intermediate 103-134 Advanced Queries Quick Links Overview Pages AC124 AC125 Selecting Fields Pages AC125 AC128 AC129 AC131 AC238 Sorting Results Pages AC131 AC136 Specifying Criteria Pages
More informationPlanning Your Learning Object
Planning Your Learning Object Working Title Elevator Speech (What will it do? 3 sentences or less!) Educational Objective Purpose: Why do this project? Learners: Who will use this learning object? Outcomes:
More informationWord - Basics. Course Description. Getting Started. Objectives. Editing a Document. Proofing a Document. Formatting Characters. Formatting Paragraphs
Course Description Word - Basics Word is a powerful word processing software package that will increase the productivity of any individual or corporation. It is ranked as one of the best word processors.
More informationCognos. Active Reports Development. Presented by: Craig Randell
Cognos Active Reports Development Presented by: Craig Randell Objectives: Understand the purpose and benefits of Active Reports Through theory and demonstration introduce the different Active Report Components
More informationDreamweaver Tutorial #2
Dreamweaver Tutorial #2 My web page II In this tutorial you will learn: how to use more advanced features for your web pages in Dreamweaver what Cascading Style Sheets (CSS) are and how to use these in
More informationSection 6: Dreamweaver
Section 6: Dreamweaver 1 Building TPS Web Pages with Dreamweaver Title Pages 1. Dreamweaver Storyboard Pages 3 2. Folder Management 4 3. Defining Your Site 5-8 4. Overview of Design Features 9-19 5. Working
More informationDesktop Studio: Charts
Desktop Studio: Charts Intellicus Enterprise Reporting and BI Platform Intellicus Technologies info@intellicus.com www.intellicus.com Working with Charts i Copyright 2011 Intellicus Technologies This document
More informationBlackboard staff how to guide Accessible Course Design
The purpose of this guide is to help online course authors in creating accessible content using the Blackboard page editor. The advice is based primarily on W3C s Web Content Accessibility Guidelines 1.0
More informationUX Design. Web Design - Part 2. Topics. More web design: Page design: Where am I? Navigation Colour choices Special Needs Size Layout
UX Design Web Design - Part 2 Topics More web design: Page design: Where am I? Navigation Colour choices Special Needs Size Layout Contents Non-textual elements Common web design issues Autumn 2016 CSCU9N5:
More informationLOCAL FLEET TRACKING. Quick Start Guide
LOCAL FLEET TRACKING Quick Start Guide HOW TO SET UP THE CONTROL PANEL... 3 HOW TO SET UP A BOOKMARK... 5 HOW TO DISPLAY VEHICLE HISTORY... 7 HOW TO EDIT VEHICLE INFORMATION... 8 HOW TO CHANGE THE ACCOUNT
More informationInDesign UX Design Patterns. by Justin Putney
InDesign UX Design Patterns by Justin Putney InDesign UX Design Patterns Hi, I m Justin Putney, Owner of Ajar Productions. Thanks for downloading this guide! It s full of ways to create interactive user
More informationPublisher 2007 Creating Flyers and Brochures
MS Publisher 2007 User Guide Publisher 2007 Creating Flyers and Brochures THE NATURE OF DESKTOP PUBLISHING - INTRODUCTION Publisher is a desktop publishing program. You can create publications that
More informationPublisher 2007 Creating Flyers and Brochures
MS Publisher 2007 User Guide Publisher 2007 Creating Flyers and Brochures THE NATURE OF DESKTOP PUBLISHING - INTRODUCTION Publisher is a desktop publishing program. You can create publications that use
More informationChronodat Issue Tracker Add-in. User Manual CHRONODAT, LLC. February 15, 2017 Version P age
Chronodat Issue Tracker Add-in User Manual CHRONODAT, LLC February 15, 2017 Version 2.0 1 P age Introduction The introduction section of the document describes the scope and objective of Office 365 Chronodat
More informationMach4 CNC Controller Screen Editing Guide Version 1.0
Mach4 CNC Controller Screen Editing Guide Version 1.0 1 Copyright 2014 Newfangled Solutions, Artsoft USA, All Rights Reserved The following are registered trademarks of Microsoft Corporation: Microsoft,
More informationINDEX UNIT 4 PPT SLIDES
INDEX UNIT 4 PPT SLIDES S.NO. TOPIC 1. 2. Screen designing Screen planning and purpose arganizing screen elements 3. 4. screen navigation and flow Visually pleasing composition 5. 6. 7. 8. focus and emphasis
More informationQuick reference checklist for Accessible Document Design.
Quick reference checklist for Accessible Document Design. Below is a quick guide to help you design your documents in an accessible friendly way. While it is not necessary for these suggestions to be followed
More informationRethinking Usability for Responsive Web Design
Rethinking Usability for Responsive Web Design Responsive design is the real deal. It is not a fad. It s a legitimate attempt to address the massive challenge of delivering great experiences to this explosion
More informationAn Introduction to Human Computer Interaction
The contents of this Supporting Material document have been prepared from the Eight units of study texts for the course M150: Date, Computing and Information, produced by The Open University, UK. Copyright
More informationAs your databases continue to evolve, you will need to incorporate advanced queries and reports. This chapter addresses how to create and use action
As your databases continue to evolve, you will need to incorporate advanced queries and reports. This chapter addresses how to create and use action queries and how to create queries that perform more
More informationMaking Tables and Figures
Making Tables and Figures Don Quick Colorado State University Tables and figures are used in most fields of study to provide a visual presentation of important information to the reader. They are used
More informationVARIABLES. Aim Understanding how computer programs store values, and how they are accessed and used in computer programs.
Lesson 2 VARIABLES Aim Understanding how computer programs store values, and how they are accessed and used in computer programs. WHAT ARE VARIABLES? When you input data (i.e. information) into a computer
More informationThis exam is open book / open notes. No electronic devices are permitted.
SENG 310 Midterm February 2011 Total Marks: / 40 Name Solutions Student # This exam is open book / open notes. No electronic devices are permitted. Part I: Short Answer Questions ( / 12 points) 1. Explain
More informationGraphing Interface Overview
Graphing Interface Overview Note: This document is a reference for using JFree Charts. JFree Charts is m-power s legacy graphing solution, and has been deprecated. JFree Charts have been replace with Fusion
More informationM150 -B / Unit 12. By Wawi. A good user interface design enables the user to effectively interact with the system and perform his tasks.
A good user interface design enables the user to effectively interact with the system and perform his tasks. (True) HCI: (Human-Computer Interaction) is the study of how humans interact with computers
More information7 For Seniors For Dummies
Windows 7 For Seniors For Dummies Chapter 16: Making Windows 7 Easier to Use ISBN: 978-0-470-50946-3 Copyright of Wiley Publishing, Inc. Indianapolis, Indiana Posted with Permission Making Windows 7 Easier
More informationCHAPTER 2 Information processing (Units 3 and 4)
CHAPTER 2 Information processing (Units 3 and 4) Information-processing steps (page 54) a For each of the following information-processing steps, state its purpose and provide two examples of technology
More informationIt is written in plain language: no jargon, nor formality. Information gets across faster when it s written in words that our users actually use.
Web Style Guide A style guide for use for writing on Tufts Library Websites and LibGuides. Contents: 1. Web style guides for online content 2. LibGuides 2-specific style guide 3. Tisch s website-specific
More informationAnimations involving numbers
136 Chapter 8 Animations involving numbers 8.1 Model and view The examples of Chapter 6 all compute the next picture in the animation from the previous picture. This turns out to be a rather restrictive
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 informationPoster-making 101 for 1 PowerPoint slide
Poster-making 101 for 1 PowerPoint slide Essential information for preparing a poster for the poster printer 1. Poster size: You will be creating a single large slide in PowerPoint. 2. Before adding any
More information8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) More on Relative Linking. Learning Objectives (2 of 2)
Web Development & Design Foundations with HTML5 Ninth Edition Chapter 7 More on Links, Layout, and Mobile Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links
More informationUser s Guide to Breeze Web Application. Page 1
User s Guide to Breeze Web Application Page 1 Contents Breeze Web Site Navigation Tips... 5 The Save Button... 5 The Cancel Button... 6 The New Button... 6 The Users, Databases and Email Users Tabs...
More informationChapter 1. Getting to Know Illustrator
Chapter 1 Getting to Know Illustrator Exploring the Illustrator Workspace The arrangement of windows and panels that you see on your monitor is called the workspace. The Illustrator workspace features
More informationBasic Intro to ETO Results
Basic Intro to ETO Results Who is the intended audience? Registrants of the 8 hour ETO Results Orientation (this training is a prerequisite) Anyone who wants to learn more but is not ready to attend the
More informationApplying Usability to elearning
Applying Usability to elearning 6 December 08 John Wooden, PhD Director of Usability Services Fredrickson Communications jwooden@fredcomm.com We make information useful! About Fredrickson Communications
More informationInformation System Architecture. Indra Tobing
Indra Tobing What is IS Information architecture is the term used to describe the structure of a system, i.e the way information is grouped, the navigation methods and terminology used within the system.
More informationAccess Intermediate
Access 2010 - Intermediate 103-134 Advanced Queries Quick Links Overview Pages AC116 AC117 Selecting Fields Pages AC118 AC119 AC122 Sorting Results Pages AC125 AC126 Specifying Criteria Pages AC132 AC134
More informationStep away from the bullet point and visualise your presentations
Step away from the bullet point and visualise your presentations Using this guide This tutorial contains descriptive text, instructions and accompanying online content from lynda.com. Read the text and
More informationStyle guide for Department for Education research reports and briefs
Style guide for Department for Education research reports and briefs November 2013 Contents Introduction 3 Why accessibility matters 3 What are the standards? 3 Guidance on writing research reports and
More informationHow To Build A Winning Website For The Chinese Market
WHITE PAPER 19 th January 2016 How To Build A Winning Website For The Chinese Market James Breeze, ACI Fellow & Founder, Objective Experience Businesses now operate in a global economy, but we are all
More informationFull file at Excel Chapter 2 - Formulas, Functions, Formatting, and Web Queries
Excel Chapter 2 - Formulas, Functions, Formatting, and Web Queries MULTIPLE CHOICE 1. To start a new line in a cell, press after each line, except for the last line, which is completed by clicking the
More informationThe following slides present guidelines and suggestions for the use of fonts, colors, and graphics when preparing PowerPoint presentations.
PowerPoint Presentation Guidelines The following slides present guidelines and suggestions for the use of fonts, colors, and graphics when preparing PowerPoint presentations. This media (PPT) is designed
More informationSharePoint List Booster Features
SharePoint List Booster Features Contents Overview... 5 Supported Environment... 5 User Interface... 5 Disabling List Booster, Hiding List Booster Menu and Disabling Cross Page Queries for specific List
More informationProblem and Solution Overview: An elegant task management solution, that saves busy people time.
An elegant task management solution, that saves busy people time. Team: Anne Aoki: Storyboarding, design, user studies, writing Alex Anderson: User studies, design Matt Willden: Ideation, writing, user
More informationiwebfolio.com If you need assistance with iwebfolio, there are several ways to look for help:
iwebfolio.com The Process Help If you need assistance with iwebfolio, there are several ways to look for help: 1. Explore the help options built within iwebfolio. There is always a Help link in the upper
More informationThe process of interaction design and Prototyping
Chapter 6 edited The process of interaction design and Prototyping 1 Overview What is involved in Interaction Design? Importance of involving users Degrees of user involvement What is a user-centered approach?
More informationEnterprise - Sales App
Enterprise - Sales App Mobile App Wireframes March 06 What is a wireframe? A wireframe is an outline of a digital product expressed in simple block layouts and representative text that conveys structure,
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 informationCROMWELLSTUDIOS. Content Management System Instruction Manual V1. Content Management System. V1
Content Management System Instruction Manual V1 www.cromwellstudios.co.uk Cromwell Studios Web Services Content Management System Manual Part 1 Content Management is the system by which you can change
More informationTitle bar: The top most bar in Word window that usually displays the document and software names.
1 MICROSOFT WORD Table of Contents LINC ONE Hiding Standard toolbar, Formatting toolbar, and Status bar: To hide the Standard toolbar, click View Toolbars on the Menu bar. Check off Standard. To hide the
More informationWeb Content Management
Web Content Management With Drupal Department User Guide Version 1.1 1 Table of Contents Overview 3 Getting Started 3 Writing for the Web 4 Speak to Your Audience 4 Keep it Professional 4 Introducing:
More informationGrids (tables) is one type of content available in the web Front end s tabs.
Grids Overview Grids (tables) is one type of content available in the web Front end s tabs. Grids provide the following functionality: Data output and automatically updating the data Providing features
More informationHeuristic Evaluation of Covalence
Heuristic Evaluation of Covalence Evaluator #A: Selina Her Evaluator #B: Ben-han Sung Evaluator #C: Giordano Jacuzzi 1. Problem Covalence is a concept-mapping tool that links images, text, and ideas to
More informationExcel 2013 Intermediate
Instructor s Excel 2013 Tutorial 2 - Charts Excel 2013 Intermediate 103-124 Unit 2 - Charts Quick Links Chart Concepts Page EX197 EX199 EX200 Selecting Source Data Pages EX198 EX234 EX237 Creating a Chart
More informationBranding Checklist. Before you start: Our Messaging, pages Our Language, pages 28-40
Branding Checklist This handy checklist will help you avoid the most common brand pitfalls and align your work to our brand identity standards. If you d like to learn more about any of the elements of
More informationSpeed Up Windows by Disabling Startup Programs
Speed Up Windows by Disabling Startup Programs Increase Your PC s Speed by Preventing Unnecessary Programs from Running Windows All S 630 / 1 When you look at the tray area beside the clock, do you see
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 informationBuilding TPS Web Pages with Dreamweaver
Building TPS Web Pages with Dreamweaver Title Pages 1. Folder Management 7 2. Defining Your Site 8-11 3. Overview of Design Features 12-22 4. Working with Templates 23-25 5. Publishing Your Site to the
More informationExcel 2010: Getting Started with Excel
Excel 2010: Getting Started with Excel Excel 2010 Getting Started with Excel Introduction Page 1 Excel is a spreadsheet program that allows you to store, organize, and analyze information. In this lesson,
More informationKSB Mobile App Style Guide 4. Tablets 1. KSB Mobile App Style Guide
KSB Mobile App Style Guide 4. Tablets KSB Mobile App Style Guide April 05 KSB Mobile App Style Guide Introduction KSB creates mobile applications for the iphone and ipad as well as for smartphones and
More informationGGR 375 QGIS Tutorial
GGR 375 QGIS Tutorial With text taken from: Sherman, Gary E. Shuffling Quantum GIS into the Open Source GIS Stack. Free and Open Source Software for Geospatial (FOSS4G) Conference. 2007. Available online
More informationUnit 21 - Creating a Navigation Bar in Macromedia Fireworks
Unit 21 - Creating a Navigation Bar in Macromedia Fireworks Items needed to complete the Navigation Bar: Unit 21 - House Style Unit 21 - Graphics Sketch Diagrams Document ------------------------------------------------------------------------------------------------
More informationCOMPUTER DESCRIPTION...
Conventions used in this document: Keyboard keys that must be pressed will be shown as Enter or Ctrl. Controls to be activated with the mouse will be shown as Start button > Settings > System > About.
More informationTutorial. Creating activities in Expert mode
Tutorial Creating activities in Expert mode 1 Index 1. Making a simple one answer activity 3 2. Making a sequencing activity... 11 3. Making a sorting activity 15 4. Some additional tips and things to
More informationGetting Started Reliance Communications, Inc.
Getting Started Reliance Communications, Inc. 603 Mission Street Santa Cruz, CA 95060 888-527-5225 www.schoolmessenger.com Contents Before you Begin... 3 Bookmark Your Login Page... 3 Setting your Password...
More informationManual: Mailing report. This manual is written for Marcom Mailer en Campaigns
Manual: Mailing report This manual is written for Marcom Mailer en Campaigns Table of contents Introduction... 1 1 Structure of the mailing report... 2 1.1 General information tabs... 3 1.2 Preview...
More informationStamina Software Pty Ltd. TRAINING MANUAL Viságe BIT VIEWER
Stamina Software Pty Ltd TRAINING MANUAL Viságe BIT VIEWER Version: 3 31 st October 2011 Viságe BIT Viewer TABLE OF CONTENTS VISÁGE BIT VIEWER... 2 ELEMENTS OF THE VISÁGE BIT VIEWER SCREEN... 3 TITLE...
More informationDocument Formatting in MS Word
Document Formatting in MS Word You can save time in the editing process by formatting the document including page and section breaks, margins, headings, pagination, and paragraphing before you begin editing.
More information