The Small Screens, Big Dreams: A Detail Oriented Approach to BlackBerry Application User Interface Design
|
|
- Scott Williamson
- 5 years ago
- Views:
Transcription
1 The Small Screens, Big Dreams: A Detail Oriented Approach to BlackBerry Application User Interface Design Brian Zubert, Sr. Application Development Consultant February 16, 20101
2 2
3 Schedule Principles of Design and Case Studies Interface Library Master the Layout Engine
4 Elements and Principles of Design Repetition Contrast Information Density Dominance Whitespace Unity
5 Repetition
6 Repetition
7 Contrast
8 Contrast
9 Contrast Tips Minimum 50% contrast between foreground text and background color No gradients behind text Less important text has less contrast Separators should not compete with content Changing one attribute of text is enough to show hierarchy (no need to bold, underline, and italic)
10 Information Density Tufte example 82% of screen is administrative debris 53 Characters Real books have thousands of characters * From Tufte s Visual Confections 1997
11 Case Study 1 Options Very dense screen Can we apply some design principles without compromising information density?
12 Case Study 1 Options Whitespace Text touches screen edges Padding lets the eye identify letterforms
13 Case Study 1 Options Dominance All elements look equally important Chevrons denote importance and hierarchy
14 Case Study 1 Options Unity One set of Options Highlights option groups further (at a cost)
15 Case Study 2 Facebook Header The toolbar that appears on top of the Facebook app
16 Case Study 2 Facebook toolbar
17 Case Study 2 Facebook toolbar Gradient is dramatic, and decreases effective space around letters Bold font competes for attention. Titlebars are generally background noise No separator between the toolbar and content below Faux button border touches side of icon
18 Case Study 2 Facebook toolbar
19 Case Study 2 Facebook toolbar Solid background is fast to draw, and doesn t interfere with toolbar shape Plain font is readable, and stroke width matches the surroundings 1px bevels give the toolbar depth Border does not touch icons, aiding shape identification
20 Case Study 2 Facebook toolbar
21 Schedule Principles of Design and Case Studies Interface Library Master the Layout Engine
22 Core Fields TitleField ButtonField ListFields and TextFields ChoiceField RadioButton Checkbox BitmapField GaugeField
23 Creating Custom Button Fields Normal Focus Active Disabled Disabled Focused BaseButtonField is an abstract class you can extend to create full featured button fields with all five states. Plus three example implementations: BitmapButtonField HyperlinkButtonField EmbossedButtonField
24 ListStyleButtonField Creating lists can be painful when you have a fixed number of elements.
25 BitmapGaugeField The core GaugeField is plain. There are times when more rich presentation is called for.
26 SliderField Similar to the BitmapGaugeField, but with a thumb that can be dragged to adjust a setting.
27 SwitchField The SwitchField and LabeledSwitchField offer an alternative to checkboxes. They also provide larger touch targets.
28 Schedule Principles of Design and Case Studies Interface Library Master the Layout Engine
29 The best layout for your app is the one that makes the most sense for your content
30 30
31 The two keys to successful layout 1) Padding and Margins 2) A good set of Managers
32 The Box Model The Box Model acts much like HTML
33 Padding and Margin Balance information density and whitespace. Too much or too little can both have negative consequences
34 Padding and Margin Which control does the hint text belong to? Spatial proximity between elements can create logical groups or unfortunate think points
35 Storm: 360x480 Curve / Tour / Bold / Storm: 480x360 Bold: 480x320 Flip: 240x320 Pearl: 240x260 Curve / 8800: 320x240 High Resolution Low Resolution
36 Determining Resolution boolean lowres = Display.getWidth() <= 320; if( lowres ) { // Pearl, Flip, Curve, 8800 } else { // Bold, Tour, Curve 2, Storm } // or int padding = lowres? SMALL: BIG;
37 Padding and Margin Field.setPadding( top, right, bottom, left ); Field.getPaddingTop(); Field.getPaddingRight(); Field.getPaddingBottom(); Field.getPaddingLeft(); Similarly for Margins The best way to separate content from the elements around it. Don t use spacer fields! 4.2+ Codelines
38 The two keys to successful layout 1) Padding and Margins 2) A good set of Managers
39 Core Managers VerticalFieldManager Respects Horizontal style bits HorizontalFieldManager Respects Vertical style bits FlowFieldManager
40 Positioning Horizontal What happens when you put two things in a HFM and the first one uses USE_ALL_WIDTH? 1 2 Search
41 Positioning Horizontal JustifiedHorizontalFieldManager lets you specify which field gets first choice at space. 2 1 Search
42 Positioning Vertical Similarly for vertical alignment, the JustifiedVFM lets you specify which field is layed out first. 2 Useful for IM style screens 1
43 Field Sets
44 ListStyleButtonSets
45 VerticalButtonFieldSets Default Behaviour Desired Behaviour
46 VerticalButtonFieldSets Solution: Custom Button Managers
47 HorizontalButtonFieldSets
48 HorizontalButtonFieldSets Large touch targets, and nicely aligned grids
49 Toolbars
50 Toolbars EquallySpacedHorizontalFieldManager JustifiedEquallySpacedHorizontalFieldManager
51 Toolbars EquallySpacedHorizontalFieldManager JustifiedEquallySpacedHorizontalFieldManager
52 PillButtonSet
53 Thank You Brian Zubert, Sr. Application Development Consultant 53
54 Questions & Answers 54
2/1/2016. Discuss website usability essentials Explain principles of design Critique a website in terms of usability and design
Due Tuesday, Feb. 9 upload to Blackboard Locate five HTML (not Flash) websites you believe exhibit good web design, usability and accessibility principles. Each website s critique is worth 10 points (50
More informationCOPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications.
You will need to understand basic terms and techniques used in DTP, as well as file types used within DTP and their advantages and disadvantages. This is separate from Elements and Principles of DTP which
More informationKnowing how to use white space can be an effective tool in your design arsenal.
Knowing how to use white space can be an effective tool in your design arsenal. Let s start by addressing the elephant in the room white space (also known as negative space) isn t actually white. Don t
More informationTable of Contents The University of Akron These materials were developed and are owned by The University of Akron. All rights reserved.
Table of Contents COURSE OVERVIEW... 2 CONVENTIONS USED IN THIS MANUAL... 3 LESSON 1: SYMBOLS... 4 INSERTING SYMBOLS... 4 USING AUTOCORRECT TO INSERT SYMBOLS... 5 TURN ON AUTOCORRECT... 5 LESSON 2: SPECIAL
More informationIn Depth: Writer. The word processor is arguably the most popular element within any office suite. That. Formatting Text CHAPTER 23
CHAPTER 23 In Depth: Writer The word processor is arguably the most popular element within any office suite. That said, you ll be happy to know that OpenOffice.org s Writer component doesn t skimp on features.
More informationMS Word Professional Document Alignment
MS Word Professional Document Alignment Table of Contents CHARACTER VS. PARAGRAPH FORMATTING...5 Character formatting...5 Paragraph Formatting...5 USING SHOW/HIDE TO REVEAL NON-PRINTING CHARACTERS...5
More informationPrinciples of Design. Proximity & Alignment
Principles of Design Proximity & Alignment The Purpose of Web Design The Purpose of Web Design 1. Create a clear visual hierarchy of contrast, so you can see at a glance what is important and what is
More informationPresented by Dr. Mariah Judd February 15, 2013
Presented by Dr. Mariah Judd juddm@iupui.edu February 15, 2013 » What are the first things you notice? Color Pictures Title Figures Section titles Bullets.text » Brain storm ideas for what you want your
More informationPart II: Creating Visio Drawings
128 Part II: Creating Visio Drawings Figure 5-3: Use any of five alignment styles where appropriate. Figure 5-4: Vertical alignment places your text at the top, bottom, or middle of a text block. You could
More informationMultimedia Design Principles. Darnell Chance August 2005
Multimedia Design Principles Darnell Chance August 2005 Home Page Things To Consider Organization Story Board Organization The 3 C s Alignment Proximity Tips/ Techs White Space Contrast Rule of Thumb Typography
More informationTree and Data Grid for Micro Charts User Guide
COMPONENTS FOR XCELSIUS Tree and Data Grid for Micro Charts User Guide Version 1.1 Inovista Copyright 2009 All Rights Reserved Page 1 TABLE OF CONTENTS Components for Xcelsius... 1 Introduction... 4 Data
More informationDesigning Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor
Designing Research Posters College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Size and Orientation If you are NOT using the poster template: Start is with a 48"
More informationNauticom NetEditor: A How-to Guide
Nauticom NetEditor: A How-to Guide Table of Contents 1. Getting Started 2. The Editor Full Screen Preview Search Check Spelling Clipboard: Cut, Copy, and Paste Undo / Redo Foreground Color Background Color
More informationMark Scheme. Edexcel Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web
Mark Scheme Edexcel Certificate in Digital Applications Unit 5: Coding for the Web General marking guidance All candidates must receive the same treatment. Examiners must mark the first candidate in exactly
More informationWord 2007 Basic Formatting Objectives
Word 2007 Basic Formatting Objectives Customize Word 2007 document view. Learn basic page layout changes. Learn to change page background Basic Character Formatting Contents Page Word Document View...
More informationMultimedia Design Principles
Multimedia By Tansa Ayazgok February 2018 Multimedia Things To Your Audience Time Cost Skill level Equipment Click here to view a link to the Best Portable Projectors for Presentations Click the image
More information-Using Excel- *The columns are marked by letters, the rows by numbers. For example, A1 designates row A, column 1.
-Using Excel- Note: The version of Excel that you are using might vary slightly from this handout. This is for Office 2004 (Mac). If you are using a different version, while things may look slightly different,
More informationFormatting Values. 1. Click the cell(s) with the value(s) to format.
Formatting Values Applying number formatting changes how values are displayed it doesn t change the actual information. Excel is often smart enough to apply some number formatting automatically. For example,
More informationIN DESIGN. A review of the overview
IN DESIGN A review of the overview InDesign Review GETTING STARTED: Start by clicking the InDesign icon in your dock. Wait for InDesign to load. Click on Create New Document If resuming work, find your
More informationMultimedia Design Principles
By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of Thumb Things to Consider Time/Cost Skills Audience Equipment Things to Consider Time/Cost How much
More informationORB Education Quality Teaching Resources
These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best
More informationText Topics. Human reading process Using Text in Interaction Design
Text SWEN-444 Text Topics Human reading process Using Text in Interaction Design Humans and Text the Reading Process Saccades quick, jerky eye movements forward 8-10 letters at a time plus CR/LF to the
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 informationPOWERPOINT Build a Presentation to Remember
POWERPOINT 2007 Build a Presentation to Remember Microsoft Office 2007 TABLE OF CONTENTS DOCUMENT THEMES... 1 THEMES... 1 COLOR SETS... 1 FONT SETS... 1 MASTER SLIDES... 2 USING THEMES IN THE SLIDE MASTER...
More informationFrontPage 98 Quick Guide. Copyright 2000 Peter Pappas. edteck press All rights reserved.
Master web design skills with Microsoft FrontPage 98. This step-by-step guide uses over 40 full color close-up screen shots to clearly explain the fast and easy way to design a web site. Use edteck s QuickGuide
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 informationINFORMATION TECHNOLOGY
INFORMATION TECHNOLOGY PowerPoint Presentation Section Two: Formatting, Editing & Printing Section Two: Formatting, Editing & Printing By the end of this section you will be able to: Insert, Edit and Delete
More informationCreating Page Layouts 25 min
1 of 10 09/11/2011 19:08 Home > Design Tips > Creating Page Layouts Creating Page Layouts 25 min Effective document design depends on a clear visual structure that conveys and complements the main message.
More informationCreate ruler guides. Create a ruler guide
Create ruler guides Ruler guides are different from grids in that they can be positioned freely on a page or on a pasteboard. You can create two kinds of ruler guides: page guides, which appear only on
More informationMicrosoft Word 2011 Tutorial
Microsoft Word 2011 Tutorial GETTING STARTED Microsoft Word is one of the most popular word processing programs supported by both Mac and PC platforms. Microsoft Word can be used to create documents, brochures,
More informationHow to Format Tables in the American University Thesis and Dissertation Template
Mac Word 2008 Formatting Tables Page 1 of 9 Click to Jump to a Topic How to Format Tables in the American University Thesis and Dissertation Template Pasting Tables into the Template (3 Steps) Creating
More informationKidspiration 3 Basics Website:
Website: http://etc.usf.edu/te/ Kidspiration is the visual learning tool for K-5 learners from the makers of Inspiration. With Kidspiration, students can build graphic organizers such as webs, concept
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 informationITP 101 Project 2 - Photoshop
ITP 101 Project 2 - Photoshop Project Objectives Learn how to use an image editing application to create digital images. We will use Adobe Photoshop for this project. Project Details To continue the development
More informationCreating Forms. Starting the Page. another way of applying a template to a page.
Creating Forms Chapter 9 Forms allow information to be obtained from users of a web site. The ability for someone to purchase items over the internet or receive information from internet users has become
More informationGood Practice Guide No 8. An Introduction to Spreadsheets for Finance
Good Practice Guide No 8 An Introduction to Spreadsheets for Finance WYCAS provides a range of specialist services designed to meet the needs of the third sector One to one support and training Preparation
More informationFundamentals. Training Kit. Presentation Products, Inc. 632 W 28th St, 7th fl New York, NY f presentationproducts.
Fundamentals Training Kit Presentation Products, Inc. 632 W 28th St, 7th fl New York, NY 10001 212.736.6350 f 212.736.6353 presentationproducts.com How Does the SMART Board Interactive Whiteboard Work?
More informationIX. Format Tips. Row & column autofit
IX. Row & column autofit Excel rows and columns have a standard height and width. You can check on the height of any row and the width of any column by clicking its header (or any cell) to select it and
More informationJune InSight Graphical User Interface Design Guidelines
June 2001 InSight Graphical User Interface Design Guidelines Index 1.0 Introduction 1 1.1 - Dimension Information 1 2.0 General Guidelines 1 2.1 - The Display Grid 1 3.0 - Color 2 3.1 - Primary Colors
More informationHelp For TorontoMLS. Report Designer
Report Designer Creating Report Designs... 2 Report Designer Toolbar... 6 Positioning Items... 8 Layout Basics... 11 Aligning Items... 14 Editing and Deleting Report Designs... 17 Report Designer Tips...
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 informationExploring Microsoft Office Word 2007
Exploring Microsoft Office Word 2007 Chapter 3: Enhancing a Document Robert Grauer, Keith Mulbery, Michelle Hulett Objectives Insert a table Format a table Sort and apply formulas to table data Convert
More informationWorking with Charts Stratum.Viewer 6
Working with Charts Stratum.Viewer 6 Getting Started Tasks Additional Information Access to Charts Introduction to Charts Overview of Chart Types Quick Start - Adding a Chart to a View Create a Chart with
More informationAdditional catalogs display. Customize text size and colors.
Collapsible Skin The collapsible skin option displays the catalogs and categories in a collapsible format enabling enhanced navigation on Qnet. Categories can be expanded to view all of the sub categories
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 informationDesign Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of
Design Principles Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Design Principles:- Balance Balance in Composition Three different types of balance :- *
More informationLayout Manager - Toolbar Reference Guide
Layout Manager - Toolbar Reference Guide Working with a Document Toolbar Button Description View or edit the source code of the document (for advanced users). Save the contents and submit its data to the
More informationCreate a new document: Save your document regularly! The Big Picture: File>New
Create a new document: File>New 1. On the menu bar, click File, then New. (Note: From now on, this will be indicated using the following notation style: File>New.) 2. Type in the dimensions for the publication
More informationHTML and CSS a further introduction
HTML and CSS a further introduction By now you should be familiar with HTML and CSS and what they are, HTML dictates the structure of a page, CSS dictates how it looks. This tutorial will teach you a few
More informationBasic Microsoft Word 2013
Basic Microsoft Word 2013 1 Basic Microsoft Word 2013 General Notes: In Office 2013, tabs exist at the top; these are referred to as ribbons. The commands on each tab are organized into groups. The commands
More informationThe American University in Cairo. Academic Computing Services. Word prepared by. Soumaia Ahmed Al Ayyat
The American University in Cairo Academic Computing Services Word 2000 prepared by Soumaia Ahmed Al Ayyat Spring 2001 Table of Contents: Opening the Word Program Creating, Opening, and Saving Documents
More informationExcel Contents. MS Excel /3/2011 JSD#2-Neptune Page 1
Excel 2013 Contents Contents... 1 Opening Start Screen... 2 Formatting cells... 2 Modifying information in a cell... 2 Autofil... 3 Merge and Center Headings and Merge Cells... 3 Auto Calculation... 3
More informationBest Practices for Using the Rich Text Editor
Best Practices for Using the Rich Text Editor Overview Many pages in ilearn contain large text entry boxes along with many icons and pull down lists (located above the actual text entry area). These icons
More informationChoose a title that captures the interest of an audience and orients the audience to the poster s content.
Poster presentations are a fun way to discuss research with interested parties. The audience at a conference moves through the poster displays to inquire and learn about the information presented on the
More informationOpen Office Calc (Spreadsheet) Tutorial
Open Office Calc (Spreadsheet) Tutorial Table of Contents Introduction...3 What is a Spreadsheet?...3 Starting OpenOffice Calc...3 OpenOffice Calc (Spreadsheet) Basics...4 Creating a New Document...5 Entering
More informationKrita Vector Tools
Krita 2.9 05 Vector Tools In this chapter we will look at each of the vector tools. Vector tools in Krita, at least for now, are complementary tools for digital painting. They can be useful to draw clean
More informationDesigner Reference 1
Designer Reference 1 Table of Contents USE OF THE DESIGNER...4 KEYBOARD SHORTCUTS...5 Shortcuts...5 Keyboard Hints...5 MENUS...7 File Menu...7 Edit Menu...8 Favorites Menu...9 Document Menu...10 Item Menu...12
More informationTap on "Notebooks" button (in portrait mode) to start a new notebook.
Page 1 of 10 - Apr 1, 2011 Tap on "Notebooks" button (in portrait mode) to start a new notebook. "Getting Started" video tutorial: http://notesplusapp.com/support/ video-tutorial-getting-started GESTURES:
More informationToday s Hall of Fame and Shame is a comparison of two generations of Google Advanced Search. This is the old interface.
1 Today s Hall of Fame and Shame is a comparison of two generations of Google Advanced Search. This is the old interface. 2 And this is the new interface. (If you can t read the image, go to http://www.google.com/advanced_search.)
More informationCreating Accessible Word Documents
Creating Accessible Word Documents 1 of 11 Creating Accessible Word Documents Contents 1. General principles... 1 2. Styles/ Headings... 2 3. Table of Contents... 3 Updating a Table of Contents... 5 4.
More informationQuick Reference Card Business Objects Toolbar Design Mode
Icon Description Open in a new window Pin/Unpin this tab Close this tab File Toolbar New create a new document Open Open a document Select a Folder Select a Document Select Open Save Click the button to
More informationCreating a new project To start a new project, select New from the File menu. The Select Insert dialog box will appear.
Users Guide Creating a new project To start a new project, select New from the File menu. The Select Insert dialog box will appear. Select an insert size When creating a new project, the first thing you
More informationMICROSOFT WORD. Table of Contents. What is MSWord? Features LINC FIVE
Table of Contents What is MSWord? MSWord is a word-processing program that allows users to insert, edit, and enhance text in a variety of formats. Word is a powerful word processor with sophisticated editing
More informationASSIGNMENT 5. TYPE & IMAGE POSTER LAYOUT, TYPE, IMAGE, and the use of GRID in single page layout and design.
ASSIGNMENT 5 TYPE & IMAGE POSTER LAYOUT, TYPE, IMAGE, and the use of GRID in single page layout and design. LAYOUT DEFINED 2 Organization of image, type, and other design elements to emphasize or reinforce,
More informationUsing Blending Modes for Simple Color Correction
Using Blending Modes for Simple Color Correction In a previous lesson, you were introduced to blending modes using the Brush Tool. Blending modes are also a powerful feature of the Layers Panel and can
More informationBest Practices for Using the Rich Text Editor
Best Practices for Using the Rich Text Editor Overview Many pages in Sakai contain large text-entry boxes along with many icons and pull-down lists (located above the actual text entry area). These icons
More informationMicrosoft PowerPoint: Creating Academic Posters
Microsoft PowerPoint: Creating Academic Posters Why a poster? Posters are widely used in the academic community, and most conferences include poster presentations in their program. Research posters summarize
More informationThis section provides an overview of the features available within the Standard, Align, and Text Toolbars.
Using Toolbars Overview This section provides an overview of the features available within the Standard, Align, and Text Toolbars. Using toolbar icons is a convenient way to add and adjust label objects.
More informationFundamentals. Training Kit. Presentation Products, Inc. 632 W 28th St, 7th fl New York, NY f presentationproducts.
Fundamentals Training Kit Presentation Products, Inc. 632 W 28th St, 7th fl New York, NY 10001 212.736.6350 f 212.736.6353 presentationproducts.com Table of Contents Getting Started How Does the SMART
More informationArmCAD 6. reinforced concrete detailing program [updated for Build 2028]
ArmCAD 6 reinforced concrete detailing program [updated for Build 2028] This user manual explains only new program features and commands that have not been included in ArmCAD 2005, so it is thus primarily
More informationIntermediate Microsoft Office 2016: Word
Intermediate Microsoft Office 2016: Word Updated January 2017 Price: $1.20 Lesson 1: Setting Margins A margin is the distance from the text to the paper s edge. The default setting is 1 all around the
More informationCSS THE M\SS1NG MANUAL. David Sawyer McFarland. POGUE PRESS" O'REILLr Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo
CSS THE M\SS1NG MANUAL David Sawyer McFarland POGUE PRESS" O'REILLr Beijing Cambridge Farnham Köln Paris Sebastopol Taipei Tokyo Table of Contents The Missing Credits Introduction xiii I Part One: CSS
More informationFree Form Text Page Wizard: Version 9.3
Free Form Text Page Wizard: Version 9.3 Think of the free form page as a word processing document. You can do almost anything with it, including custom designed pages and native HTML documents. The Free
More informationMAKING TABLES WITH WORD BASIC INSTRUCTIONS. Setting the Page Orientation. Inserting the Basic Table. Daily Schedule
MAKING TABLES WITH WORD BASIC INSTRUCTIONS Setting the Page Orientation Once in word, decide if you want your paper to print vertically (the normal way, called portrait) or horizontally (called landscape)
More informationCreating Web Pages with SeaMonkey Composer
1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it
More informationGuide to WB Annotations
Guide to WB Annotations 04 May 2016 Annotations are a powerful new feature added to Workbench v1.2.0 (Released May 2016) for placing text and symbols within wb_view tabs and windows. They enable generation
More informationTLMC SHORT CLASS: THESIS FORMATTING
Table of Contents Introduction... 2 Getting Help... 2 Tips... 2 Working with Styles... 3 Applying a Style... 3 Creating A New Style... 3 Setting Margins... 4 Adding Page Numbers... 5 Step 1: Using Sections
More informationPractice Exercises for Introduction to Excel
Practice Exercises for Introduction to Excel Follow the directions below to create the exercises. Read through each individual direction before performing it, like you are following recipe instructions.
More informationDeveloping 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 informationUser-Experience Design: Considerations for Multi-Method, Web-Based Assessment Centers
+ User-Experience Design: Considerations for Multi-Method, Web-Based Assessment Centers Presented by Emily Stehura, Ph.D. Product Manager, Manager Ready Talent Diagnostic Solutions Tami Licht Director,
More informationICT IGCSE Practical Revision Presentation Web Authoring
21.1 Web Development Layers 21.2 Create a Web Page Chapter 21: 21.3 Use Stylesheets 21.4 Test and Publish a Website Web Development Layers Presentation Layer Content layer: Behaviour layer Chapter 21:
More informationSTAR OFFICE WRITER. Lesson 2
Lesson 2 STAR OFFICE WRITER 1. A is a named set of defaults for formatting text. a. Font b. Tab c. Page d. Style 2. is the keyboard shortcut for justified alignment. a. Ctrl + J b. Ctrl + C c. Ctrl + V
More informationP3e REPORT WRITER CREATING A BLANK REPORT
P3e REPORT WRITER CREATING A BLANK REPORT 1. On the Reports window, select a report, then click Copy. 2. Click Paste. 3. Click Modify. 4. Click the New Report icon. The report will look like the following
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 informationUsing Microsoft Excel
Using Microsoft Excel Formatting a spreadsheet means changing the way it looks to make it neater and more attractive. Formatting changes can include modifying number styles, text size and colours. Many
More informationReference Services Division Presents. Microsoft Word 2
Reference Services Division Presents Microsoft Word 2 This handout covers the latest Microsoft Word 2010. This handout includes instructions for the tasks we will be covering in class. Basic Tasks Review
More informationBudget Exercise for Intermediate Excel
Budget Exercise for Intermediate Excel Follow the directions below to create a 12 month budget exercise. Read through each individual direction before performing it, like you are following recipe instructions.
More informationThe Importance of the CSS Box Model
The Importance of the CSS Box Model Block Element, Border, Padding and Margin Margin is on the outside of block elements and padding is on the inside. Use margin to separate the block from things outside
More informationCreating a Flyer. Open Microsoft Publisher. You will see the list of Popular Publication Types. Click the Blank Page Sizes.
Creating a Flyer Open Microsoft Publisher. You will see the list of Popular Publication Types. Click the Blank Page Sizes. Double click on Letter (Portrait) 8.56 x 11 to open up a Blank Page. Go to File
More informationPowerPoint 2010 Project Four Assignment Sheet
PowerPoint 2010 Project Four Assignment Sheet In this project you will create a question and answer PowerPoint presentation in a game format to review and reinforce curriculum concepts. The presentation
More informationKeynote 08 Basics Website:
Website: http://etc.usf.edu/te/ Keynote is Apple's presentation application. Keynote is installed as part of the iwork suite, which also includes the word processing program Pages and the spreadsheet program
More informationMark Scheme. June Pearson Level 2 Certificate in Digital Applications. Unit 5: Coding for the Web
Mark Scheme June 016 Pearson Level Certificate in Digital Applications Unit 5: Coding for the Web General marking guidance All candidates must receive the same treatment. Examiners must mark the first
More informationMinimize Restore Close. Top Level Tabs. Quick Access Toolbar. Title Bar. Ribbon. Group. Rulers. Status Bar View Buttons.
Microsoft Word 2013 Quick Access Toolbar Top Level Tabs Title Bar Minimize Restore Close Ribbon Group Rulers Status Bar View Buttons Zoom Control Getting to Know Word Word is word processing software.
More informationIntroduction. Format Text. Word 2010 Formatting Text. To Change the Font Size: Page 1
Word 2010 Formatting Text Introduction Page 1 To create and design effective documents, you need to know how to format text. In addition to making your document more appealing, formatted text can draw
More informationN/A. JSN PageBuilder 2 Configuration Manual Introduction. System Requirements. Product Usage. Joomla Requirements. Server Requirement
JSN PageBuilder 2 Configuration Manual Introduction About JSN PageBuilder 3 JSN PageBuilder 3 is the latest innovation from Joomla! PageBuilder, with great improvements to the interface, features, and
More informationGrade: 7 Lesson name: Creating a School News Letter Microsoft Word 2007
Grade: 7 Lesson name: Creating a School News Letter Microsoft Word 2007 1. Open Microsoft Word 2007. Word will start up as a blank document. 2. Change the margins by clicking the Page Layout tab and clicking
More informationLesson 4 - Creating a Text Document Using WordPad
Lesson 4 - Creating a Text Document Using WordPad OBJECTIVES: To learn the basics of word processing programs and to create a document in WordPad from Microsoft Windows. A word processing program is the
More information3. Centralize your title. To do this, click the Center button on the tab s paragraph group.
LESSON 1: BASIC WORD OBJECTIVES: In this lesson, you would learn how to deal with: a) Paragraphing b) Numbering c) Manipulating font d) Header and Footer e) Footnote 1. Open the Word Practice 1.doc file.
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 information