Difference between revisions of "Mobile Web Best Practices 1.0"

Line 1: Line 1:
{{#seo:
|title=mobile web best practices | bestpracticeswiki.net
|keywords=best practices, mobile web, software design, mobile device applications
|description=Best Practices for delivering Web content to mobile devices.
}}
{| style='width:100%;;border-collapse:collapse;border-color:white;'  
{| style='width:100%;;border-collapse:collapse;border-color:white;'  
|style='width:25%'|  
|style='width:25%'|  
Line 96: Line 101:
h1#firstHeading {display:none}
h1#firstHeading {display:none}
li {line-height:115%;margin-top:.5em}  
li {line-height:115%;margin-top:.5em}  
}}
{{#seo:
|title=mobile web best practices
|keywords=best practices, mobile web, software design, mobile device applications
|description=This document specifies Best Practices for delivering Web content to mobile devices. The principal objective is to improve the user experience of the Web when accessed from such devices.
}}
}}

Revision as of 13:18, 3 February 2015

W3c home.png
Best Practice:
Mobile Web Best Practices 1.0
Source: http://www.w3.org/TR/mobile-bp/#d0e630
Attached Media

{{#ask:Link:+|format=list|default=No media items found
}} {{#formlink:form=Link|link text=Attach multi-media
to this Best Practice|link type=button|query string=|query string parameters|target=|tooltip=|popup|new window}}

See also

{{#ask:Relation:+|format=list|default=No other items found
}} {{#formlink:form=Relation|link text=Add an external link|link type=button|query string=|query string parameters|target=|tooltip=|popup|new window}}

Search for similar

{{#formlink:form=Search|link text=Go to query form|link type=button|query string=|query string parameters|target=|tooltip=|popup|new window}}

Group Blogs

{{#formlink:form=Blog|link text=Start a group blog
for this best practice|link type=button|query string=|query string parameters|target=|tooltip=|popup|new window}}

Snap Polls
  • {{#formlink:form=Practitioner|link text=Do you or your organization use this best practice ?|link type=|query string=|query string parameters|target=|tooltip=|popup|new window}}
Community Contacts

{{#ask:Advice:+|format=list|default=No contacts found
}}


{{#formlink:form=Expert|link text=Are you a go-to resource
about this practice?|link type=|query string=|query string parameters|target=|tooltip=|popup|new window}}
Case studies, datasets & surveys

{{#ask:Study:+|format=list|default=No case studies found
}} {{#formlink:form=Study|link text=Add a case study|link type=button|query string=|query string parameters|target=|tooltip=|popup|new window}}


{{#ask:Dataset:+|format=list|default=No open data datasets found
}}

{{#formlink:form=Dataset|link text=Add a dataset|link type=button|query string=|query string parameters|target=|tooltip=|popup|new window}}


{{#ask:Survey:+|format=list|default=No surveys found}}

{{#formlink:form=Survey|link text=Add a survey|link type=button|query string=|query string parameters|target=|tooltip=|popup|new window}}

[edit]
in best practice bundle: Mobile Web Initiativebroader topics: Web Applicationsnarrower topics: Nokia Operating System Applications

General "Rules of Thumb" Advice


  • (Stated)[THEMATIC_CONSISTENCY] Ensure that content provided by accessing a URI yields a thematically coherent experience when accessed from different devices.
  • (Stated)[CAPABILITIES] Exploit device capabilities to provide an enhanced user experience.
  • (Assumed)[DEFICIENCIES] Take reasonable steps to work around deficient implementations.
  • (Discussing)[TESTING] Carry out testing on actual devices as well as emulators.
  • (Agreed)[URIS] Keep the URIs of site entry points short.
  • (Tabled)[NAVBAR] Provide only minimal navigation at the top of the page.
  • (Voting)[BALANCE] Take into account the trade-off between having too many links on a page and asking the user to follow too many links to reach what they are looking for.
  • (Withdrawn)[NAVIGATION] Provide consistent navigation mechanisms.
  • (Discussing)[ACCESS_KEYS] Assign access keys to links in navigational menus and frequently accessed functionality.
  • (Presumed)[LINK_TARGET_ID] Clearly identify the target of each link.
  • (Finalized)[LINK_TARGET_FORMAT] Note the target file's format unless you know the device supports it.
  • (Constructing)[IMAGE_MAPS] Do not use image maps unless you know the device supports them effectively.
  • (Re-stated)[POP_UPS] Do not cause pop-ups or other windows to appear and do not change the current window without informing the user.
  • (Questioned)[AUTO_REFRESH] Do not create periodically auto-refreshing pages, unless you have informed the user and provided a means of stopping it.
  • (Re-questioned)[REDIRECTION] Do not use markup to redirect pages automatically. Instead, configure the server to perform redirects by means of HTTP 3xx codes.
  • (Re-proposed)[EXTERNAL_RESOURCES] Keep the number of externally linked resources to a minimum.
  • (Re-agreed)[SUITABLE] Ensure that content is suitable for use in a mobile context.
  • more...

Conditional "Rules of Thumb" Advice

Expert Opinions
{{#ask:Opinion:+|format=list|default=No opinions found
}}
nopreview

{{#set:

Article has average rating={{#averagerating:}}

}} {{#showcommentform:}}

?Has comment person ?Has comment date ?Has comment text ?Has comment rating ?Belongs to comment ?Comment was deleted#true,false ?Has comment editor ?Modification date ?Has attached article format=template template=CommentResult sort=Has comment date order=asc link=none limit=100

}}


{{#css: h1#firstHeading {display:none} li {line-height:115%;margin-top:.5em} }}