Difference between revisions of "Mobile Web Best Practices 1.0"

Line 4: Line 4:
|style='width:25%'|  
|style='width:25%'|  
|-
|-
! colspan='2' style='text-align:left;font-size:xx-large;vertical-align:top'|<!--
colspan='2' style='text-align:left;font-size:xx-large;vertical-align:top'|<!--
--><div style='font-size:medium;padding:0 .5em 0 0;float:left;'><!--
--><div style='font-size:medium;padding:0 .5em 0 0;float:left;'><!--
-->[[File:W3c home.png|100px]]</div><!--
-->[[File:W3c home.png|100px]]</div><!--
--><span style='padding-bottom:6px;font-size:small;display:block;'>Best Practice:</span><!--
--><div style='font-size:small;'>Best Practice:</div><!--
--><span style='line-height:115%'>''{{PAGENAME}}''</span><!--
--><span style='line-height:115%'>''{{PAGENAME}}''</span><!--
--><br/><span style='font-size:x-small;color:gray;font-variant:small-caps'><!--
--><br/><span style='font-size:x-small;color:gray;font-variant:small-caps'><!--
Line 13: Line 13:


|rowspan='3' style='text-align:center;vertical-align:top'|{{:Mediabox:Wiki_Ontology_1.0}}<!--
|rowspan='3' style='text-align:center;vertical-align:top'|{{:Mediabox:Wiki_Ontology_1.0}}<!--
--><div style='border:solid darkgray;padding:.25em'>{{Infobox:{{PAGENAME}}}}</div>
--><div style='border:solid darkgray;padding:.25em;height:25em;overflow:scroll'>{{Infobox:{{PAGENAME}}}}</div>


|-
|-
|colspan='2' style='background-color:beige;vertical-align:top;border-color:white'|<!--
|colspan='2' style='background-color:beige;vertical-align:top;border-color:white'|<!--
--><div style='background-color:white;font-size:small;padding-bottom:.25em'><!--
--><div style='background-color:white;font-size:small;padding-bottom:.25em'><!--
--><span style='float:right;margin:-2em .25em 0 1em;'><!--
--><span style='float:right;margin:-1.25em .25em 0 1em;'><!--
--><nowiki>[</nowiki>[[Summary:{{PAGENAME}}|edit]]<nowiki>]</nowiki></span><!--
--><nowiki>[</nowiki>[[Summary:{{PAGENAME}}|edit]]<nowiki>]</nowiki></span><!--
--><div style='padding:.5em 1.5em  0 1.5em;font-size:medium'>{{Summary:{{PAGENAME}}}}</div><!--
--><div style='padding:.5em 1.5em  0 1.5em;font-size:medium'>{{Summary:{{PAGENAME}}}}</div><!--
--><div style='padding-top:.5em'><!--
--><div style='padding-top:.5em'><!--
Line 27: Line 28:
-->[[Subject:LCSH:Computer Applications|Web Applications]]<!--
-->[[Subject:LCSH:Computer Applications|Web Applications]]<!--
--><span style='padding-left:.3em;font-variant:small-caps'><small>narrower topics: </small></span><!--
--><span style='padding-left:.3em;font-variant:small-caps'><small>narrower topics: </small></span><!--
-->[[Subject:Nokia Operating System Applications|Nokia Operating System Applications]]
-->[[Subject:Nokia Operating System Applications|Nokia Operating System Applications]]<!--
--></div></div><!--
--></div></div><!--



Revision as of 19:01, 28 March 2013

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}}

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} }}