DZone
Mobile Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Mobile Zone > UI Guidelines for mobile and tablet web app design

UI Guidelines for mobile and tablet web app design

Mitch Pronschinske user avatar by
Mitch Pronschinske
·
Oct. 15, 10 · Mobile Zone · News
Like (0)
Save
Tweet
5.32K Views

Join the DZone community and get the full member experience.

Join For Free

Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too.

Remember to provide the best possible experience on each platform. Do not deliver an iPhone experience to a BlackBerry user. Every platform has its own UI and usability guidelines that every user is expecting on your app.

  • iPhone Human Interface Guidelines – PDF version
  • iPad Human Interface Guidelines – PDF version
  • UI Guidelines for BlackBerry 6.0 Smartphones – PDF version
  • UI Guidelines for BlackBerry 4.x, 5.x Smartphones – PDF version
  • Android User Interface Guidelines
  • BlackBerry Browser Content Design Guidelines (PDF)
  • Motorola’s Best Practices for Android UI
  • Nokia Design & User Experience Library
  • Symbian^3 UI Style Guidelines (PDF)
  • Forum Nokia Design Portal (PDF)
  • Symbian UI Wiki
  • Nokia Series 40 UI Style Guide
  • Bada Application UI Guide
  • Sony Ericsson UI Rulebook
  • UI Guidelines for Windows Mobile
  • Windows Touch UI Guideline
  • UI Design & Interaction Guide for Windows Phone 7 (PDF)
  • webOS UI Guidelines
  • Hildon UI Guidelines for Nokia Maemo


More tips on mobile web design on the Programming the Mobile Web book.

Do you know any other UI Guideline? Insert the link on the comment area.

guidelines mobile app Design Human interface guidelines

Published at DZone with permission of . See the original article here.

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Flask vs. Django: Which Python Framework to Choose?
  • Five Tips to Fasten Your Skewed Joins in Apache Spark
  • Top 7 Features in Jakarta EE 10 Release
  • How Java Apps Litter Beyond the Heap

Comments

Mobile Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo