 Why should it be mobile?  What content should I make mobile?  What need do I serve by making my content available to mobile users?  What value does.

Slides:



Advertisements
Similar presentations
WHEN IM MOBILE Mobile Website Optimization Services February 2009.
Advertisements

Sage ACT! Sage ACT! Overview #1 contact and customer management choice of small businesses and sales teams. Designed for professionals who rely.
Certificate in Digital Applications – Level 02 Website Design and Creation.
Mobile Marketing in Practice
Introducing new web content management tools for Priority...
Designing Basic Web Sites Week 12 Technical Communication Fall 2003, DAHMEN.
ASIST Website Redesign Final Proposal By P. Lucas-Stannard.
Good Websites. 2. Submit one good web interface. This website is a good because of it usability and appears of the website.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
Hypotheses for the SMS user interface Richard Walker Frascati January 5, 2007.
Chapter 4 Planning Site Navigation Principles of Web Design, 4 th Edition.
DoW text: Task and WP leaders will prepare syntheses reports of the project progress, its results and its implications. These synthesis reports will be.
CS575 - Human Issues in Computing CSULA Spring 2006 Human Impact of UI Design Paradigms (PART 2 – Case Studies) Robert Ritchey and Ruben Campos.
Web 2.0 Testing and Marketing E-engagement capacity enhancement for NGOs HKU ExCEL3.
Live Meeting 2007: Presenter's companion Use the collaborative content features You want all new hires to participate actively in the new hire orientation.
Creating a Web Site Back to Table of Contents. Creating a Web Site Conceiving a Web Site Planning a Web Site 2 Creating a Web Site Section 9-1 Section.
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
DESIGNING FOR MOBILE Lunch & Learn Series | February 20, 2014.
Designing for the Web 7 Useful Design Principles.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® WRITING FOR THE WEB.
HBK Contracting Website Rebuild Proposal. This is a list of the weaknesses that we compiled after our analysis Current Website Weaknesses SEO Website.
What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.
System for Administration, Training, and Educational Resources for NASA SATERN Overview for Learners May 2006.
+ Worcester Telegram & Gazette. + Design Landing Page Optimization Site Sections Search Engine Optimization Mobile Facebook Twitter Pinterest Dashboards.
Chapter Fifteen Employing the Internet for Advertising.
Adaptive News Access Daniel Billsus Presented by Chirayu Wongchokprasitti.
MERLOT’s Peer Review Report Composed from reports by at least two Peer Reviewers. Description Section Provides the pedagogical context (i.e. learning goals,
Mamma.com.
Learning.com for New Users. This presentation will help educators… Login to Edit your Learning.com educator account Access resources.
Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® Copyright 2012 Adobe.
COPYRIGHT © 2011 ALCATEL-LUCENT. ALL RIGHTS RESERVED. 1.
Louisa Lambregts, Algonquin College. Today, we will review: 1. website design process 2. what is effective web design? 3. main client project and deliverables.
1. 2 eCampus uses Blackboard as the main delivery channel for online courses. You will be assigned a username and password to access your online courses.
Interface Design Natural Design. What is natural design? Intuitive Considers our learned behaviors Naturally designed products are easy to interpret and.
Social Bookmarking and Linking Strategies Page 1 Linda Fisk and Mark Robertson Freedom Interactive Marketing.
STEPS IN THE WEB DESIGN PROCESS A 5 minute presentation on the latest Ideas and methods.
Presented by: Your Name Your Phone Number Your Website Address How a Mobile Website Can Help You Connect With Local Consumers.
Usability Testing & Web Design by Alex Andujar. What is Usability? Usability measures the quality of a user's experience when interacting with a Web site,
Support Training Module. Support Manual 1.“On The Lot” – How it all works… 2.Craigslist Settings 3.Post to Craigslist 4.Backpage Settings 5.Post to Backpage.
The New GIL Web Site Overview for Editors Phil Williams GIL Support UGA GUGM 2011 Macon State College 19 May 2011.
COMP 106 Practical 2 Proposal 5 Slide 1. Designing an Interface (1) The user must be able to anticipate a widget's behaviour from its visual properties.
9b) Website, without Consultant TxDOT. Old Home Page 2  By early 2012, the amount of information on TxDOT.gov was exceeding the capabilities of the existing.
Date 23 rd Jan Shatin 沙田 Mobile Information Architecture.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Summary of platform blueprint report LINKED Project Meeting
International “Road Warriors” or individual in businesses use audio called “On- Point Cell Cast” as a tool for creating and distributing surveys, assessments.
HTK Horizon: Sussex Alert Key features overview. Key features A single source for public information The public can self-register One data set, multiple.
Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation.
Creating & Building the Web Site Week 8. Objectives Planning web site development Initiation of the project Analysis for web site development Designing.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO INFORMATION ARCHITECTURE.
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.
Human Computer Interface INT211
Evaluating Fitness Websites Kin 260 Jackie Kiwata.
Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.
Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
A project by Advertise on Facebook Over 1 billion people. Facebook connects with their right ones.
1104B – Dr. Jackie. Copyright © 2010 Certification Partners, LLC -- All Rights Reserved  Remember we are driving toward a complete, cohesive e-Commerce.
The Successful Website
VooTouch - Woocommerce Mobile App Builder
Comm Professor Roberts
Publishing and Maintaining a Website
Reach People when it matters with Location Extensions
Checklist to Consider For Design Ultimate Landing Page Menomonie Web Design Agency.
HTML5 Level III Responsive Web Design (RWD) and Front-End Frameworks
WRITING FOR THE WEB ® Copyright 2012 Adobe Systems Incorporated. All rights reserved.
INTRODUCTION TO INFORMATION ARCHITECTURE
Designing a Web Site.
Introduction to Web Authoring Ellen Cushman cushmane
Presentation transcript:

 Why should it be mobile?  What content should I make mobile?  What need do I serve by making my content available to mobile users?  What value does it add to their lives from a mobile perspective?

 Defining the overall goals for the site. Business  What are your organization’s goals?  How does a mobile presence help your organization achieve its goals?  Does it improve my current business reach?  Does it provide new business opportunities?  Is there an opportunity for innovation?

 Defining the overall goals for the site. User  How does your audience benefit from a mobile presentation?  What tasks will they accomplish with your mobile content?  Does the immediacy of mobile help the user?  How will they interact with your content?

 Defining the overall goals for the site. Technical  Technology and resource opportunities and constraints.  Look at these goals as a triangle or three- legged stool. (business, user, technical)

 Understanding the needs of users helps humanize the process and keeps your project in check with their goals.  Users know best and will cast their vote by giving their attention to your site – or not.  Think about how and where people will interact with your content or application.  What content would they want to get through a mobile device?

 People accessing the site from a mobile would probably want a textual menu, location and directions, contact information and hours of operation.  Providing the day’s specialties on the site would be a good feature to offer – with the phone number on the same page.  Technological constraints should verify the capabilities of the user's device before offering  features like online ordering and a PDF- based menu.

 Knowing your audience is an important principle in developing your mobile web strategy.  It is important that you understand what your audience is looking for. so you can anticipate how they will want to navigate your site, and so provide them with quick and efficient navigation.  Analyzing demographic and market data on your target audience.

 In the mobile context it is especially important to structure information as simply as possible.  Placing the right information in the right place is an important part of providing a usable experience

 While building the mobile information architecture, think about users’ “click investment”.  Even at 3G speeds data retrieval on a mobile phone takes significantly longer than we are accustomed to on a desktop PC.  Every link should use clear labels to communicate to the user what to expect on the resulting page.

 Limit choices. Take the content that’s relevant to a mobile user and discard the rest.  Create a simple site drill-down architecture, nesting content into well- labeled categories.

 Limit categories as much possible  Attempt to limit links to ten per page unless you know that the device can present more information well  Provide at least one content item with each category page i.e. avoid empty links  Prioritize links by activity or popularity

 Once you determine your content requirements and define your category structure and labels, compile them into a simple site map.  This gives you a high-level overview of your information space.

 An important difference between developing for mobile and developing for the desktop is creating the right flow of information for the user.  Due to the limited screen size, the mobile designer might need to spread out information into multiple pages rather than present it on one page.  A welldesigned click stream is an important concept in mobile design and development.

 Designing for Different Screen Sizes  Designing for the Right Device. Feature Phones Smart Phones PDA Voice Only Phones  Mobile Web Navigation Paradigm use a simple vertical list of options, often assigning and listing the corresponding numbers (0–9) to the accesskeys for keypad navigation.