{"id":91,"date":"2020-06-21T21:49:28","date_gmt":"2020-06-21T21:49:28","guid":{"rendered":"http:\/\/anneemberline.com\/usability\/?page_id=91"},"modified":"2020-07-24T01:25:24","modified_gmt":"2020-07-24T01:25:24","slug":"mobile-usability-guidelines-for-edtech","status":"publish","type":"page","link":"http:\/\/anneemberline.com\/usability\/mobile-usability-guidelines-for-edtech\/","title":{"rendered":"2. Mobile Usability Guidelines for Edtech"},"content":{"rendered":"\n<h4 class=\"has-primary-color has-text-color has-text-align-center wp-block-heading\">Driven by a structured analysis of 17 studies, these &#8220;Updated Guidelines&#8221; represent some of the most recent and fully developed guidelines regarding usability and mobile learning (Kumar et al., 2019).<\/h4>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"wp-block-heading\">Content Organization<\/h4>\n\n\n\n<p>Display content logically and carefully. Be concise. Categorize materials into homogenous chunks. Avoid overloading users with information. Establish levels of importance and priority. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"375\" src=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/ContentOrganization.png\" alt=\"\" class=\"wp-image-217\" srcset=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/ContentOrganization.png 600w, http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/ContentOrganization-300x188.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"guideline-title wp-block-heading\">Navigation<\/h4>\n\n\n\n<p>Navigation should be as natural and distraction-free as possible \u2014 &#8220;control obviousness&#8221; (Ji et. al, 2006). Provide users with feedback cues to indicate that their inputs have been received. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"375\" src=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Navigation2.png\" alt=\"\" class=\"wp-image-218\" srcset=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Navigation2.png 600w, http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Navigation2-300x188.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"guideline-title wp-block-heading\">Layout<\/h4>\n\n\n\n<p>Align content and visual elements. Ensure that pages are responsive. Minimize white space and extensive scrolling.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"375\" src=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Layout.png\" alt=\"\" class=\"wp-image-219\" srcset=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Layout.png 600w, http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Layout-300x188.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"guideline-title wp-block-heading\">Visual Representation<\/h4>\n\n\n\n<p>Use meaningful and value-added images \/ icons. Provide text labels and descriptions. Distinguish and highlight important content. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"375\" src=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/VisualRepresentation.png\" alt=\"\" class=\"wp-image-220\" srcset=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/VisualRepresentation.png 600w, http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/VisualRepresentation-300x188.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"guideline-title wp-block-heading\">Consistency and Standards<\/h4>\n\n\n\n<p>Aesthetics, content, and navigation should be consistent throughout. Design should be aligned with other mobile apps and experiences to increase user adaptability and reduce learning curves. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"375\" src=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/ConsistencyAndStandards.png\" alt=\"\" class=\"wp-image-224\" srcset=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/ConsistencyAndStandards.png 600w, http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/ConsistencyAndStandards-300x188.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"guideline-title wp-block-heading\">Help and Feedback<\/h4>\n\n\n\n<p>Error messages should clearly describe issues and provide appropriate solutions. Provide relevant, context-driven information for personalized feedback. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"375\" src=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/HelpAndFeedback.png\" alt=\"\" class=\"wp-image-225\" srcset=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/HelpAndFeedback.png 600w, http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/HelpAndFeedback-300x188.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"guideline-title wp-block-heading\">Learning Experience Optimizers<\/h4>\n\n\n\n<p>Engage and update users with activities and notifications. Highlight new and unvisited content. Allow users to track progress. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"375\" src=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/LearningExperienceOptimizers.png\" alt=\"\" class=\"wp-image-226\" srcset=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/LearningExperienceOptimizers.png 600w, http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/LearningExperienceOptimizers-300x188.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"guideline-title wp-block-heading\">Selection Based Command<\/h4>\n\n\n\n<p>Provide reasonable and sensible commands for users to choose from. Label buttons clearly. Use radio buttons, checkboxes, and lists accordingly based on context.   <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"375\" src=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/SelectionBasedCommand.png\" alt=\"\" class=\"wp-image-227\" srcset=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/SelectionBasedCommand.png 600w, http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/SelectionBasedCommand-300x188.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"guideline-title wp-block-heading\">Accessibility<\/h4>\n\n\n\n<p>Identify alternate ways of presenting content. Carefully supplement text with visuals, and visuals with text when needed. Generate accessibility tools and options. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"375\" src=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Accesssibility.png\" alt=\"\" class=\"wp-image-228\" srcset=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Accesssibility.png 600w, http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Accesssibility-300x188.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h4 class=\"guideline-title wp-block-heading\">Customization<\/h4>\n\n\n\n<p>Create opportunities for users to customize and personalize their experiences. Allow for meaningful settings to be configured. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"375\" src=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Customization.png\" alt=\"\" class=\"wp-image-229\" srcset=\"http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Customization.png 600w, http:\/\/anneemberline.com\/usability\/wp-content\/uploads\/2020\/07\/Customization-300x188.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><div class=\"wp-block-group__inner-container\"><\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide has-primary-background-color has-background\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"has-text-align-center wp-block-heading\">Let&#8217;s take a look at some examples to understand these guidelines better<\/h2>\n\n\n\n<p class=\"has-text-align-center\">\u2192 <a href=\"http:\/\/anneemberline.com\/usability\/examples-of-usability-issues\/\">See Examples<\/a><\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Driven by a structured analysis of 17 studies, these &#8220;Updated Guidelines&#8221; represent some of the most recent and fully developed guidelines regarding usability and mobile learning (Kumar et al., 2019). Content Organization Display content logically and carefully. Be concise. Categorize materials into homogenous chunks. Avoid overloading users with information. Establish levels of importance and priority. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/anneemberline.com\/usability\/wp-json\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/anneemberline.com\/usability\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/anneemberline.com\/usability\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/anneemberline.com\/usability\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/anneemberline.com\/usability\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":39,"href":"http:\/\/anneemberline.com\/usability\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"predecessor-version":[{"id":295,"href":"http:\/\/anneemberline.com\/usability\/wp-json\/wp\/v2\/pages\/91\/revisions\/295"}],"wp:attachment":[{"href":"http:\/\/anneemberline.com\/usability\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}