1 2 3 45 6 UX Homepage Wireframe with annotations – Rohit Maddipudi – 04/22 Legend: - Annotation; - Clickable object for display of more sectional information.

Slides:



Advertisements
Similar presentations
UX Portfolio Derek Smith. Overview Slides to walk through the UX activities of a sample project Present key design elements of the sample project Some.
Advertisements

Publishers Web Sites Standard Features. Objectives Access publishers websites Identify general features available on most publishers websites Know how.
MARKETPLACE TRANSITION FROM CLASSIC INTERFACE TO PHOENIX INTERFACE.
The Professional, Easy to Use Service Working for Landlords Locally, Regionally & Nationally.
SAE INTERNATIONAL MAXIMIZE YOUR GLOBAL TECHNOLOGY LIBRARY FREE TRIAL Tips and Tricks to Move You Forward.
MASTER QUOTE OVERVIEW.
Run with PC speaker on for narrative Welcome to the Narrated Guided Tour of Cizer.Net Reporting for Microsoft SQL Server Reporting Services
Member FINRA/SIPCThursday, November 12, 2009 Resource Menu Changes - Report User Experience Study | Kevin Cornwall.
GSRS 2.1 Training Module S.2.1 Navigation General
End-User Perceptions of Formal and Informal Representations of Web Sites Jason Hong Francis Li James Lin James Landay Group for User Interface Research.
Confidential property of Belkin International. Unlawful to copy or reproduce in any manner without the express written consent of Belkin International.
Performance Development Online System (PDO) for Professional staff Staff Briefing 2011.
P2-WIREFRAME Presented by Rahul Potghan Sonal Kulkarni.
1 of 4 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Copyright © 2003 Bolton Institute Dept. of Computing and Electronic Technology - Multimedia Integration and Applications Lecture 5: Design and Prototype.
Welcome to the NEW Pharmacy Practice Web Page! We hope that you enjoy navigating through the multitude of resources made available to you by the Clinical,
The Internet & The World Wide Web Notes
SharePoint Step by Step Step by Step Table of Contents Portal versus Communities sites How to View All Your Project Sites The Basic SharePoint Layout SharePoint.
CSI-553 Internet Information Presented by: Ignacio Castro June 28, 2006 Internet Usability.
Cambridge Journals Online – CJO Redesign 2010 Slides of key pages: 1. CJO homepage 2 & 3. Journal homepage 4. Abstract.
Trimble Connected Community
3/25/2011. HOME PAGE [A] Global Navigation Bar -transparent to allow image to show through [B] Featured Platform Region -full image -rotates through.
An Interactive Multimedia Database of U.S. Courthouses 1 CourtsWeb, is a website that evaluates and documents recent federal courthouses. It is a decision.
Client Website Hornsea Inkjet Supplies. What The Client Would Like: The company I am going to make the website for is Hornsea Inkjet Supplies. They want.
G053 - Lecture 20 Testing Websites
Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.
The Web Wizard’s Guide to HTML Chapter Seven Frames.
Cipro.co.za content pages look & feel | usability | navigation redesign © Copyright Rob Cowie 2009 live demo | home page:
Lesson 1 What Is the World Wide Web?. Objectives Upon completion of this lesson, you should be able to: Explain what the World Wide Web is and how it.
Research & Learning For Libraries and Patrons that need to stay Ahead of the Learning Curve Presenter Name Here Books24x7® for Libraries.
Your Friendly Neighborhood Search Engine January 12, 2006 Eric Holter Newfangled Web Factory.
The evolution of hrblock.com Jonathan Heavner Web Designer 1.
SPAM Settings. The ExchangeDefender Admin Site is a powerful tool that gives you access to all of the benefits ExchangeDefender has to offer, from the.
Lesson 1: Exploring Access Learning Objectives After studying this lesson, you will be able to: Start Access and identify elements of the application.

ITM 407: Human and Technology Interaction Management Chapter 9. Design Production Dr. Evren Eryilmaz.
WireFrame and RAD Team Members Abilash Kittanna Veeresh Kinagi.
NHS Education for Scotland The Knowledge Network: Shared Space April 2010.
Jakob Nielsen’s “Top Ten Guidelines for Homepage Usability” Presented by Oyeniyi Ogunde
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.
Lesson 8: Navigation. Overview  The manner in which you display your web site’s navigation is crucial to its overall usability.  Users need a clear.
Using the New ECRI Institute Website Healthcare Risk Control ECRI INSTITUTE 2014 Corporate Presentation.
APICS Website Tutorial. Searching is easy with the new search function, which appears on every page. Shop APICS is accessible from here and is linked.
By: Jonathan Sobczynski. Importance of Homepages A Homepage is the company’s “Face to the World” Most important page on a Website.
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.
Presentation by Jason Schlemmer. Making the website clear – explain who you are and what you do.
ILO Public web site guided tour. WEBDEV Page 2 The way we were...  The ILO web presence is composed of about 150 different sites  On top of them there.
Searching ProQuest Ebook Resources Susan Watson / Lou Peck June 2007.
(Unit 17, Task 8a). Definition: Evaluate Bring together all information and review it to form a conclusion. Give evidence for each view or statement.
General System Navigation
Electric Effect Diabetic Foot Canada Prototype User Guide
SharePoint Accessing Your Site
My YCI User Guide Youth Career Initiative is an initiative of the International Tourism Partnership and Business in the Community.
Politics Trove From Oxford University Press.
Politics Trove From Oxford University Press.
Prototyping.
Principles of User Experience Design
Web Design and Development
SpringerLink Training August 2010
Changes coming soon to our portal
Planning a Website MAD2053.
Prototype using PowerPoint
Introduction to K2 Designer
Phases of Designing a Website
Prototyping Sriram Mohan.
Project title All Your Names
Politics Trove From Oxford University Press.
Immersion Team Research Plans
Requirements “Content Guide”
Presentation transcript:

UX Homepage Wireframe with annotations – Rohit Maddipudi – 04/22 Legend: - Annotation; - Clickable object for display of more sectional information 1 7

Annotations - Global Navigation bar with different sections and drop down sub sections for ease of navigation. - Login functionality for secured information such as current projects to be accessed by UX team. Help icon for information about the site content. - Basic info on UX team for easy recognition for other colleagues. Users can click on “more info” icon for further information on each team member. - Brief information about UX and its benefits for educating colleagues in the company. Users can look at more information through “more info” icon. - Quick reference for UX articles categorized by topic and recent articles. - Information about prior UX research and results categorized by projects for quick information for business colleagues. - The “research & results” section in the navigation will be replaced by “My research” when UX team members login to the site which has all the information about research by project, current projects, completed projects & results

Experiences creating the wireframe Information about the users has given a basic understanding of the requirements of the content layout for ease of content consumption such as recent articles and description about the UX on the homepage. Changes have been made based on the general browser display resolution. This wireframe has been designed for minimal information display where information is limited to 4 or 5 major sections. More information about the actual content might require changes in the layout. More information on how the information is shared across teams within a company would have helped in understanding the flow of wireframes which might changes the content and other navigational elements on the wireframe. Prototyping tools: This wireframe has been created on Blasamiq but learnt that low fidelity, non interactive and static webpages can be created faster through paper prototyping. Iterations: Multiple iterations had to be created for the layout to display relevant content on the homepage without causing information overload to the users. Annotations: The annotations have been provided to support any queries that users might have and felt that annotations help in explaining the actions without implementing interactions and details.