Difference between revisions of "Mobile Web Best Practices 1.0"
(19 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
{| style='width:100%;' | {| style='width:100%;;border-collapse:collapse;border-color:white;' | ||
|style='width:25%'| | |style='width:25%'| | ||
|style='widt:49%'| | |||
|style='width:25%'| | |style='width:25%'| | ||
|style=' | |- | ||
|style=' | | 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;'><!-- | |||
-->[[File:W3c home.png|100px]]</div><!-- | |||
--><div style='font-size:small;'>Best Practice:</div><!-- | |||
--><span style='line-height:115%'>''{{PAGENAME}}''</span><!-- | |||
--><br/><span style='font-size:x-small;color:gray;font-variant:small-caps'><!-- | |||
-->Source: http://www.w3.org/TR/mobile-bp/#d0e630</span> | |||
|rowspan='4' style='text-align:center;vertical-align:top'|{{:Mediabox:Wiki_Ontology_1.0}}<!-- | |||
--><div style='border:solid darkgray;padding:.25em;height:25em;overflow:scroll'>{{Infobox:{{PAGENAME}}}}</div> | |||
|- | |- | ||
| colspan='2' style='vertical-align:top;font-size:small;padding-bottom:.25em'>|<!-- | |||
--><span style='float:right;margin:-1.25em .25em 0 1em;'><!-- | |||
--><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-top:.5em'><!-- | |||
--><span style='padding-left:0em;font-variant:small-caps'><small>in ''best practice'' bundle: </small></span><!-- | |||
</div> | |||
-->< | |||
--><span style='padding-left:0em;font-variant:small-caps'>in bundle: </span><!-- | |||
-->[[{{NAMESPACE}}:Mobile Web Initiative]]<!-- | -->[[{{NAMESPACE}}:Mobile Web Initiative]]<!-- | ||
--><span style='padding-left:.3em;font-variant:small-caps'> | --><span style='padding-left:.3em;font-variant:small-caps'><small>broader topics: </small></span><!-- | ||
-->[[Subject: | -->[[Subject:LCSH:Computer Applications|Web Applications]]<!-- | ||
--><span style='padding-left:.3em;font-variant:small-caps'> | --><span style='padding-left:.3em;font-variant:small-caps'><small>narrower topics: </small></span><!-- | ||
-->[[Subject:Nokia | -->[[Subject:Nokia Operating System Applications|Nokia Operating System Applications]]<!-- | ||
--></div> | |||
|- | |- | ||
|colspan='2' style='text-align:left; | | colspan='2' style='background-color:beige;vertical-align:top;'|<!-- | ||
===''"Rules of Thumb"'' Advice=== | --><div style='text-align:left;'><!-- | ||
*[THEMATIC_CONSISTENCY] Ensure that content provided by accessing a URI yields a thematically coherent experience when accessed from different devices. | <span style='float:right;margin:0'><nowiki>[</nowiki>[[edit]]<nowiki>]</nowiki></span> | ||
*[CAPABILITIES] Exploit device capabilities to provide an enhanced user experience. | <div style='margin:0'><big>'''General ''"Rules of Thumb"'' Advice</big></div> | ||
*[DEFICIENCIES] Take reasonable steps to work around deficient implementations. | --><nowiki/> | ||
*[TESTING] Carry out testing on actual devices as well as emulators. | ===General ''"Rules of Thumb"'' Advice=== | ||
*[URIS] Keep the URIs of site entry points short. | ---- | ||
*[NAVBAR] Provide only minimal navigation at the top of the page. | *[[Rule:Rule #272|<small style='float:right'>(Stated)</small>]]<!-- | ||
*[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. | -->[THEMATIC_CONSISTENCY] Ensure that content provided by accessing a URI yields a thematically coherent experience when accessed from different devices. | ||
*[NAVIGATION] Provide consistent navigation mechanisms. | *[[Rule:Rule #272|<small style='float:right'>(Stated)</small>]]<!-- | ||
*[ACCESS_KEYS] Assign access keys to links in navigational menus and frequently accessed functionality. | -->[CAPABILITIES] Exploit device capabilities to provide an enhanced user experience. | ||
*[LINK_TARGET_ID] Clearly identify the target of each link. | *[[Rule:Rule #272|<small style='float:right'>(Assumed)</small>]]<!-- | ||
*[LINK_TARGET_FORMAT] Note the target file's format unless you know the device supports it. | -->[DEFICIENCIES] Take reasonable steps to work around deficient implementations. | ||
*[IMAGE_MAPS] Do not use image maps unless you know the device supports them effectively. | *[[Rule:Rule #272|<small style='float:right'>(Discussing)</small>]]<!-- | ||
*[POP_UPS] Do not cause pop-ups or other windows to appear and do not change the current window without informing the user. | -->[TESTING] Carry out testing on actual devices as well as emulators. | ||
*[AUTO_REFRESH] Do not create periodically auto-refreshing pages, unless you have informed the user and provided a means of stopping it. | *[[Rule:Rule #273|<small style='float:right'>(Agreed)</small>]]<!-- | ||
*[REDIRECTION] Do not use markup to redirect pages automatically. Instead, configure the server to perform redirects by means of HTTP 3xx codes. | -->[URIS] Keep the URIs of site entry points short. | ||
*[EXTERNAL_RESOURCES] Keep the number of externally linked resources to a minimum. | *[[Rule:Rule #274|<small style='float:right'>(Tabled)</small>]]<!-- | ||
*[SUITABLE] Ensure that content is suitable for use in a mobile context. | -->[NAVBAR] Provide only minimal navigation at the top of the page. | ||
*[ | *[[Rule:Rule #274|<small style='float:right'>(Voting)</small>]]<!-- | ||
-->[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. | |||
*[[Rule:Rule #261|<small style='float:right'>(Withdrawn)</small>]]<!-- | |||
-->[NAVIGATION] Provide consistent navigation mechanisms. | |||
*[[Rule:Rule #109|<small style='float:right'>(Discussing)</small>]]<!-- | |||
-->[ACCESS_KEYS] Assign access keys to links in navigational menus and frequently accessed functionality. | |||
*[[Rule:Rule #280|<small style='float:right'>(Presumed)</small>]]<!-- | |||
-->[LINK_TARGET_ID] Clearly identify the target of each link. | |||
*[[Rule:Rule #282|<small style='float:right'>(Finalized)</small>]]<!-- | |||
-->[LINK_TARGET_FORMAT] Note the target file's format unless you know the device supports it. | |||
*[[Rule:Rule #283|<small style='float:right'>(Constructing)</small>]]<!-- | |||
-->[IMAGE_MAPS] Do not use image maps unless you know the device supports them effectively. | |||
*[[Rule:Rule #283|<small style='float:right'>(Re-stated)</small>]]<!-- | |||
-->[POP_UPS] Do not cause pop-ups or other windows to appear and do not change the current window without informing the user. | |||
*[[Rule:Rule 301|<small style='float:right'>(Questioned)</small>]]<!-- | |||
-->[AUTO_REFRESH] Do not create periodically auto-refreshing pages, unless you have informed the user and provided a means of stopping it. | |||
*[[Rule:Rule 301|<small style='float:right'>(Re-questioned)</small>]]<!-- | |||
-->[REDIRECTION] Do not use markup to redirect pages automatically. Instead, configure the server to perform redirects by means of HTTP 3xx codes. | |||
*[[Rule:Rule 301|<small style='float:right'>(Re-proposed)</small>]]<!-- | |||
-->[EXTERNAL_RESOURCES] Keep the number of externally linked resources to a minimum. | |||
*[[Rule:Rule 301|<small style='float:right'>(Re-agreed)</small>]]<!-- | |||
-->[SUITABLE] Ensure that content is suitable for use in a mobile context. | |||
*[[more|more...]] | |||
<!-- | |||
<div style='margin-top:.75em'> | |||
<span style='float:right;'><nowiki>[</nowiki>[[edit]]<nowiki>]</nowiki></span> | |||
<div style=''><big>'''Conditional ''"Rules of Thumb"'' Advice'''</big></div> | |||
---- | |||
</div> | |||
--><nowiki/> | |||
==='''Conditional ''"Rules of Thumb"'' Advice'''=== | |||
* | |||
< | |||
<div style=' | |||
< | |||
</div> | </div> | ||
|- | |- | ||
!colspan='2' style='background-color:coral;;vertical-align:top;'| | !colspan='2' style='background-color:coral;;vertical-align:top;'| | ||
= | <div style='font-size:medium;font-weight:bold;text-align:center;padding:.5em 0 0 0'>Expert Opinions</div> | ||
{{#ask:[[Opinion:+]]|format=list|default=<small>No opinions found</small><br/>}}{{comments|show=True}} | {{#ask:[[Opinion:+]]|format=list|default=<small>No opinions found</small><br/>}}{{comments|show=True}} | ||
|} | |- | ||
!colspan='2' style='background-color:white;color:teal;'| | |||
<div style='text-align:center;font-size:medium;padding:1em;'>[[{{TALKPAGENAME}}|Community discussion & public comments happen on the "Talk" page]]</div> | |||
|}__NOTOC__ | |||
{{#css: | {{#css: | ||
h1#firstHeading {display:none} | h1#firstHeading {display:none} | ||
li {line-height:115%;margin-top:.5em} | |||
}} | |||
{{#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. | |||
}} | }} |
Latest revision as of 14:44, 16 July 2015
Best Practice: Mobile Web Best Practices 1.0Source: http://www.w3.org/TR/mobile-bp/#d0e630 |
Attached Media
{{#ask:Link:+|format=list|default=No media items found See also
{{#ask:Relation:+|format=list|default=No other items found 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 Snap Polls
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 {{#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
Conditional "Rules of Thumb" Advice | |||||||||||||||||
Expert Opinions
{{#ask:Opinion:+|format=list|default=No opinions found}} {{#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} }}