User Experience Services & Solutions

Slides:

Advertisements

Similar presentations

IcTracker V6.9 Whats New in V6.9 New Navigation buttons New Sub-task view page New Sub-task attributes Customize Home page.

Advertisements

EPrints Web Configuratio n Management. SQL database Web server Scripts to configure repository activities Configuration files EPrints - the Administrator's.

Chapter 3 – Web Design Tables & Page Layout

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.

SUS DATA QUALITY DASHBOARD USER GUIDE NAVIGATION MENU Select a place to start… Navigating the front screen Navigating the data item validity screens Viewing.

Basic Principles of Web Page Design CSCI 150, CSCI 155, CSCI , MSTI 131 and MSTI 260 Developed by BNapoli.

© Paradigm Publishing, Inc Access 2010 Level 1 Unit 2Creating Forms and Reports Chapter 6Creating Reports and Mailing Labels.

Theming for V12 Revolution

COE201 – Computer Proficiency Mr. Hamze Msheik

1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

The.htm/.html Mystery When saving the template files in Internet Explorer, they will be named.htm by default. To be consistent with how the code was written.

Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

New Features in Release 8.2 (August 3, 2008). 2 Release 8.2 New Features User Interface Updates - Improved “Look and Feel” Product Search Layout Changes.

Access Tutorial 8 Sharing, Integrating, and Analyzing Data

Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.

IManage – New Table Option For better sorting, filtering and sorting.

Transferring Course Materials to the Web. Creating a Web Site With a Template To create a Web site with a template 1.Start FrontPage. 2.On the File menu,

Building the User Interface by Using HTML5: Organization, Input, and Validation Lesson 3.

Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.

In the Sandbox Playing with SkillPort 7 for the first time.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.

© Ms. Masihi.  The Dreamweaver Welcome Screen first opens when you start Dreamweaver.  This screen gives you quick access to previously opened files,

Requirements Information and data which need to be displayed or accessible to the user Sitemapping (Site Map) Flow Chart models of site structure displaying.

Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.

Website Development with Dreamweaver

New Features in Release 9.2 (July 27, 2009). 2 Release 9.2 New Features Updated Shopping Experience Home/Shop page Shop at the top search New Hosted Supplier.

What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.

EBSCOhost 2.0 GOLD/GALILEO ANNUAL USERS GROUP CONFERENCE August 1, 2008.

Session 1 SESSION 1 Working with Dreamweaver 8.0.

Domain 3 Understanding the Adobe Dreamweaver CS5 Interface.

DB Implementation: MS Access Forms. MS Access Forms  Purpose Data entry, editing, & viewing data in tables Forms are user-friendlier to end-users than.

CHAPTER 5 Working with Data Tables and Inline Frames.

General “Search” or “Find” vs “Manage” “Edit” has no second level tab. is always under the “Create” tab “Create” or “Add” – need consistency Clickable.

1.Click on “Start” menu 2.Click on “ 1. Choose a different layout for your slide.

Modern Design Principles (MS). Hubs & spoke navigation pattern Hierarchical pattern Best for large collections of related content Content is separated.

Tech Training 12/16/19 How to add a post How to edit a post How to add & assign a category How to add tags.

Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.

CPSC 203 Introduction to Computers T97 By Jie (Jeff) Gao.

Web Site Development - Process of planning and creating a website.

For other title slide layouts, select Layout under the Home tab. For more information, please refer to the Suncor PowerPoint template user guide. Delete.

24 Copyright © 2009, Oracle. All rights reserved. Building Views and Charts in Requests.

Creating a Google Site For a Digital Portfolio Purpose.

MyFloridaMarketPlace Analysis 2.0 Functional Overview.

EKTRON QUICK START GUIDEEKTRON QUICK START GUIDE Version 1.0 Copyright 2013 WebSolutions Technology, Inc. Fuller June 7, 2013.

DB Implementation: MS Access Forms. MS Access Forms: Purpose Data entry, editing, & viewing data in Tables Forms are user-friendlier to end-users than.

Microsoft PowerPoint Illustrated

Contract Compliance: Reporting

New Box Web Experience Inventory of changes.

About SharePoint Server 2007 My Sites

Data Visualizer.

Objectives At the end of this session, students will be able to:

INTRODUCTION TO ADOBE ILLUSTRATOR

Chapter 6 Working with Publisher Tables

DB Implementation: MS Access Forms

DoD Issuances Portal System (DoDIPS) User Guide – Focal Point

How to customize your Microsoft SharePoint Online website

Access Tutorial 8 Sharing, Integrating, and Analyzing Data

DB Implementation: MS Access Forms

How to customize your Microsoft SharePoint Online website

Website production.

Web AppBuilder for ArcGIS

Microsoft Publisher 2016.

A02 Creating my website NAME ______________.

Tutorial 8 Sharing, Integrating, and Analyzing Data

Lesson 13 Working with Tables

Presentation transcript:

User Experience Services & Solutions ISSC Workload Management System (WMS) Next Generation ISS-FF Interface Design Mockups (draft) Adam Doti User Experience Services & Solutions adoti@uspss.opentext.com 415-640-0381

8 1 2 5 6 4 3 9 7 10 Better page organization and layout. Compatible with IE7+. Firefox and Macintosh are not supported platforms and browsers. Very controlled environments. (NOTE: IE7 browser is a dated browser and may impose some design and interaction issues which will TBD.) 508 Compliance across custom built interfaces and tools. Typical screen resolution for users is 20-21” screens. Browser size varies. Company /Department Appropriate Branding. Usability and 508 tools. More useable and intuitive navigation design with iconography that is appropriate for associated section/tool. Visual separation from core tool areas vs. supplemental tools. Better page titling and related page help text. Splash Page and scalable for future growth. *Note: Reports tab is selected above for illustration purposes only. Pages actually representative of home page. Access to Content Server (LiveLink) Tools. Modular data tables for flexible and permissionable dashboard experience. Better page organization and layout. Sortable Tables Globally accessible search controls.

Detail Page. Edit, Form, Result, etc… Detail View *Note: Reports tab is selected above for illustration purposes only. Pages actually representative of home page.

Default Dashboard view. Nothing has been clicked.

Option A User clicks on “View7” in the Assignments column and “light box” effect takes over. A layer opens up brining users focus with page background going opaque.

Option B User clicks on “View4” in the Assignments column and a row slides open inline below the parent Task showing all assigned Assignments. Click again collapses it.

Sample of Current Designs Sampling of screen for current system to be replaced. Mainly for historical and reference reasons.

next steps Need to get a better sense of the main horizontal navigation items. Decide on which Content Server global links and tool will be made available to NAVAIR application UI. Home page design exercise. What data will show and when. Design template for lower level page, form, read only, search results etc... Specific design patterns and exercises. i.e. filters, switches, iconography. Template generation. HTML, CSS and images. 508 and ADA compliance testing.