{ User Centered Design Final Presentation Donia Canaveral }

Slides:



Advertisements
Similar presentations
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Advertisements

Chapter 11 Designing the User Interface
Fox Scientific, Inc. ONLINE ORDERING 101. Welcome to our website On our main page you can find current promotions, the vendors we offer, technical references.
Excel Tutorial 2: Formatting Workbook Text and Data
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
Certificate in Digital Applications – Level 02 Website Design and Creation.
Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.
USDA Advantage!
Eere.energy.gov Agenda Review usage trends Recommendations based on data EERE’s plans to address template-level findings Crazy Egg Analysis: Usage Trends.
Designing Basic Web Sites Week 12 Technical Communication Fall 2003, DAHMEN.
Presented by Ryan Walters. The Site  The main page of the site (seen left) is the users first introduction to the whole site.  The look is clean and.
Christ In Me Ministries Conceptual Model Presented By: Nicole Burrell, Erica Moore, Kimberly Sledge.
Tutorial EBSCOadmin Branding support.ebsco.com. To help you enhance the search experience for your users, EBSCO offers a number of custom branding options.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Chapter 13: Designing the User Interface
Website Evaluations Kelsey Newkham Leanna Orsak Billy Safa.
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
U.S. Department of Agriculture eGovernment Program FSIS Web site Re-design Project Information Architecture Strategy October 8, 2003.
Web Design and Patterns CMPT 281. Outline Motivation: customer-centred design Web design introduction Design patterns.
Problemsolving 2 Problem Solving: Designing a website solution Identifying how a solution will function Taking into account the technical constraints a.
Year of Innovation  Introduction  NSHMBA.org & NektPro.com  New platform “Planned Chaos” time to take action!  Internet Services Manager- Jacqui Rodriguez.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
In the Sandbox Playing with SkillPort 7 for the first time.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
VA Advantage!
Event Manager Training Part 3.  Edit Event Options - Customize FY11 Sites  Edit Event Webpages  Sending s (Recruitment/Engagement)  Help and.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Your New FSU EMarket “Before and After” Guide Shopping, Favorites, and More...
Cipro.co.za content pages look & feel | usability | navigation redesign © Copyright Rob Cowie 2009 live demo | home page:
First example – Game of Thrones official website This website includes large images at the every front of the page. These images can be effective for.
MS FrontPage 1: Developing a web site for the Sunny Morning Products Yong Choi CSU Bakersfield.
September 29, 2011 Case Study: Usability Testing for IT Training Website Redesign Project Jae Kim, Jenny Hertel, Greg Hanek, Tom Mason, Chris Payne.
Web-Based Commerce Auto Parts Store presented by Victor Hsu.
Website Usability presentation by Pasha Souvorin for Georgia Pathway in Advanced Web Design evaluating and planning for web design.
Codewriters – Website Management Overview of Codewriters Website management services. Including, design templates, content and document publishing, auto.
XP New Perspectives on Microsoft PowerPoint 2002 Tutorial 2 1 Microsoft PowerPoint 2002 Tutorial 2 – Applying and Modifying Text and Graphic Objects.
Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,
 Background & Overview  Business Model & Value Proposition  Consumer & Purchase Analysis  The E-Commerce Value Chain  Technical & Design Aspects.
Newspaper in Education Web Site (NEWS) Usability Evaluation Conducted by Terry Vaughn School of Information The University of Texas at Austin November.
Slide 1-1 The Web Wizard’s Guide to Web Design by James Lengel.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Online Catalog Tutorial. Introduction Welcome to the Online Catalog Tutorial. This is the place to find answers to all of your online shopping questions.
We've made it easy for you to buy online. We’ve also added a dedicated customer care team to answer any questions or to walk you through the order process.
WEBSITE REDESIGN PROPOSAL Daniel Sterling (818)
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Web Site Development - Process of planning and creating a website.
CGC 417 Final Project Presentation Prettydog.com Mini E-Commerce Site Maria A. Moratto Yu Yuan Department of Information & Management Technology.
Assignment 1: Explain, Review and Discuss the use, features and benefits of Websites Chosen client’s business area: Retail.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Unit 13 – Website Development FEATURES OF WEBSITES.
Learning Aim A.  Websites are constructed on many different features.  It can be useful to think about these when designing your own websites.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Fox Scientific, Inc. ONLINE ORDERING 101. Welcome to our website On our main page you can find current promotions, the vendors we offer, technical references.
Home page button Nokia link button Samsung link button Apple link button Blackberry link button Phone Accessories button Feedback button Contact us button.
Understanding the principles of website development
21 Tips Of Website Homepage Content
New Box Web Experience Inventory of changes.
Basics of Website Development
Web Site Design Plan Checklist
Top Six Web Design Tips for eCommerce Website
How to customize your Microsoft SharePoint Online website
How to customize your Microsoft SharePoint Online website
Session I Chapter 18 - How to Design a Web Site
How to customize your Microsoft SharePoint Online website
Task 1 investigating website by Hannah Sanders
What: The heading and banner are at the top
Presentation transcript:

{ User Centered Design Final Presentation Donia Canaveral }

{ Purpose Statement  BlackBoxFurniture.com is a home furnishing store and furniture design company. The furniture is modern, trendy, and comes in a wide variety of styles and colors.  It appeals to a young, professional audience, both male and female, looking for new and modern furniture to update their home with or the opportunity to have their own furniture design come to life to display in their home.  The website for Black Box Furniture will serve as the online presence of the ground store, with the full inventory of store locations plus online-only items and promotions.  It will allow those who do not live near a ground location to shop and enjoy the unique pieces the store has to offer.  The young, modern professional will use this website to update their home with new furniture and as a means of seeing their own designs become a reality that they can own. Process Requirements }

{ Goals  Business Goal: Support business growth and development with higher sales figures and new services based on customer activity and demand on the website.  Marketing Goal: Highlight the new service of allowing customers to design their own furniture by showcasing customer-designed examples and appealing to the personalization that the service offers.  Sales Goal: Black Box Furniture expects a 15% increase in product sales due to the new personal design service.  Technical Goal: Provide a clean, simple, interactive website for users to have positive experiences and easily access the information they are looking for.  User Goal: Provide an interactive room design feature for users to visualize Black Box Furniture in their homes and an interactive furniture design feature for users to visualize their creations before making them final. Process Requirements }

{ Content List  Bedroom Furniture  Dining Room Furniture  Home & Furniture Accessories  Living Room Furniture  Children’s Furniture  Home Décor  Business Supply Features List  Store Locator  FAQs  Search Bar  Design Tutorial  iDesign Lab – Room and Furniture  Account Register/Login  Shopping Cart  iDesign Request Form  Customer Service Chat  Social Networking Links }

{ Home Wireframe – Layout } Layout  Perceptible menu across top  Home button in upper left  Logo in upper left  Open search field in upper right  Shopping cart link in upper right  Login link in upper right  Utility navigation at top and bottom

{ Home Wireframe – Navigation } Navigation  Global navigation on all pages  Simple and consistent link names  Utility navigation on top and bottom  Breadcrumbs

{ Architectural Diagram }

{ Contact & Registration Forms } UI Guidelines  Field label above field, small amount of white space in between, left-aligned  One column forms  No superfluous fields  Clear names for fields  No placeholder text

{ Contact Form Wireframe }

{ Product Thumbnail Wireframe }

{ Single Product Wireframe } UI Guidelines  Clear image of item  Product name  Price  Short description  Link to a longer description

{ Design Comprehensive - Home }

{ Internal Ad }

{ Design Comprehensive - Product }

{ Usability Testing Script #1 User Document  Welcome & Introduction  About Testing  Agreement & Consent Forms  Questionnaire – Background  Process & Setup  Task  Questionnaire – Evaluation Team Document  Team Member Roles  Usability Goals  Procedure  Documentation  Evaluation  Agreement Form }