1 / 22

Developing Mobile Web

Developing Mobile Web. Mobile Web Strategy. 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?. Balancing Goals & Constraint.

hollie
Download Presentation

Developing Mobile Web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Developing Mobile Web

  2. Mobile Web Strategy 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?

  3. Balancing Goals & Constraint • 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?

  4. Balancing Goals & Constraint • 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?

  5. Balancing Goals & Constraint • 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)

  6. User-Centered Design 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?

  7. Example:Mobile Web for Restaurant 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.

  8. Knowing Your Audience 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.

  9. Mobile Information Architecture 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

  10. Mobile Information Architecture 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.

  11. Mobile Information Architecture

  12. Keep It Simple 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.

  13. Keep It Simple

  14. Drill-Down Recommendations 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

  15. Drill-Down Recommendations 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.

  16. Click Streams 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.

  17. Mobile Web Design • 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.

  18. Desktop Web

  19. Mobile Web

More Related