{"id":323,"date":"2022-11-29T22:00:33","date_gmt":"2022-11-29T22:00:33","guid":{"rendered":"http:\/\/learnlearn.uk\/ibcs\/?page_id=323"},"modified":"2023-12-05T08:53:00","modified_gmt":"2023-12-05T08:53:00","slug":"system-usability","status":"publish","type":"page","link":"https:\/\/learnlearn.uk\/ibcs\/system-usability\/","title":{"rendered":"System Usability"},"content":{"rendered":"<div class=\"responsive-tabs\">\n<h2 class=\"tabtitle\">KISS<\/h2>\n<div class=\"tabcontent\">\n\n<h2>Keep it simple<\/h2>\n<p>A cluttered and complicated website can be overwhelming for users. Simplify your design by using clean lines, whitespace, and easy-to-read fonts.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-medium wp-image-974\" src=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/kiss_approach-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/kiss_approach-300x300.jpg 300w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/kiss_approach-150x150.jpg 150w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/kiss_approach-768x768.jpg 768w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/kiss_approach.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>&nbsp;<\/p>\n\n<\/div><h2 class=\"tabtitle\">Clear Navigation<\/h2>\n<div class=\"tabcontent\">\n\n<h2>Use clear navigation<\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-medium wp-image-975\" src=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/map-lost-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/map-lost-300x300.jpg 300w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/map-lost-150x150.jpg 150w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/map-lost-768x768.jpg 768w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/map-lost.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Navigation should be clear, concise, and easy to use. Use clear labels and group related content together.<\/p>\n<p>&nbsp;<\/p>\n\n<\/div><h2 class=\"tabtitle\">Consistency<\/h2>\n<div class=\"tabcontent\">\n\n<h2>Be consistent<\/h2>\n<p>Consistency in design and layout will help users navigate your site more easily. Use the same layout, colors, and fonts across all pages.<\/p>\n<p>&nbsp;<\/p>\n\n<\/div><h2 class=\"tabtitle\">Design patterns<\/h2>\n<div class=\"tabcontent\">\n\n<h2>Use familiar design patterns<\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-medium wp-image-977\" src=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/consistent-design-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/consistent-design-300x300.jpg 300w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/consistent-design-150x150.jpg 150w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/consistent-design-768x768.jpg 768w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/consistent-design.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Stick to common design patterns and conventions. For example, placing the navigation at the top of the page, using a search bar in the header, and placing the logo in the top left corner.<\/p>\n<p>&nbsp;<\/p>\n\n<\/div><h2 class=\"tabtitle\">Mobile First<\/h2>\n<div class=\"tabcontent\">\n\n<h2>Optimise for mobile<\/h2>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-medium wp-image-976\" src=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/uncluttered-interface-300x300.jpg\" alt=\"\" width=\"300\" height=\"300\" srcset=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/uncluttered-interface-300x300.jpg 300w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/uncluttered-interface-150x150.jpg 150w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/uncluttered-interface-768x768.jpg 768w, https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/uncluttered-interface.jpg 1024w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>More than half of website traffic comes from mobile devices, so it\u2019s essential to design your website for mobile screens. Use responsive design to ensure your website looks good on any device.<\/p>\n<p>&nbsp;<\/p>\n\n<\/div><h2 class=\"tabtitle\">Test your design<\/h2>\n<div class=\"tabcontent\">\n\n<h2>Test your design<\/h2>\n<p>User testing is essential to ensure that your design is user-friendly. Conduct usability testing with real users to identify any issues or areas for improvement.<\/p>\n<p>&nbsp;<\/p>\n\n<\/div><h2 class=\"tabtitle\">Resources<\/h2>\n<div class=\"tabcontent\">\n\n<p><a href=\"https:\/\/docs.google.com\/presentation\/d\/1thkzRYbmYITBrSuievuzmBDsR9MvbIHcSx2390IhH1Y\/edit?usp=sharing\">Teacher Presentation<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Keep it simple A cluttered and complicated website can be overwhelming for users. Simplify your design by using clean lines, whitespace, and easy-to-read fonts. &nbsp; Use clear navigation Navigation should be clear, concise, and easy to use. Use clear labels and group related content together. &nbsp; Be consistent Consistency in design and layout will help&hellip;&nbsp;<a href=\"https:\/\/learnlearn.uk\/ibcs\/system-usability\/\" class=\"\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">System Usability<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"off","neve_meta_content_width":70,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>System Usability - IB Computer Science<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/learnlearn.uk\/ibcs\/system-usability\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"System Usability - IB Computer Science\" \/>\n<meta property=\"og:description\" content=\"Keep it simple A cluttered and complicated website can be overwhelming for users. Simplify your design by using clean lines, whitespace, and easy-to-read fonts. &nbsp; Use clear navigation Navigation should be clear, concise, and easy to use. Use clear labels and group related content together. &nbsp; Be consistent Consistency in design and layout will help&hellip;&nbsp;Read More &raquo;System Usability\" \/>\n<meta property=\"og:url\" content=\"https:\/\/learnlearn.uk\/ibcs\/system-usability\/\" \/>\n<meta property=\"og:site_name\" content=\"IB Computer Science\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-05T08:53:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/kiss_approach-300x300.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/system-usability\/\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/system-usability\/\",\"name\":\"System Usability - IB Computer Science\",\"isPartOf\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#website\"},\"datePublished\":\"2022-11-29T22:00:33+00:00\",\"dateModified\":\"2023-12-05T08:53:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/system-usability\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/learnlearn.uk\/ibcs\/system-usability\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/system-usability\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"IB Computer Science\",\"item\":\"https:\/\/learnlearn.uk\/ibcs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"System Usability\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#website\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/\",\"name\":\"IB Computer Science\",\"description\":\"- learnlearn..uk\",\"publisher\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/learnlearn.uk\/ibcs\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#organization\",\"name\":\"IB Computer Science\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png\",\"contentUrl\":\"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png\",\"width\":300,\"height\":41,\"caption\":\"IB Computer Science\"},\"image\":{\"@id\":\"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"System Usability - IB Computer Science","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/learnlearn.uk\/ibcs\/system-usability\/","og_locale":"en_GB","og_type":"article","og_title":"System Usability - IB Computer Science","og_description":"Keep it simple A cluttered and complicated website can be overwhelming for users. Simplify your design by using clean lines, whitespace, and easy-to-read fonts. &nbsp; Use clear navigation Navigation should be clear, concise, and easy to use. Use clear labels and group related content together. &nbsp; Be consistent Consistency in design and layout will help&hellip;&nbsp;Read More &raquo;System Usability","og_url":"https:\/\/learnlearn.uk\/ibcs\/system-usability\/","og_site_name":"IB Computer Science","article_modified_time":"2023-12-05T08:53:00+00:00","og_image":[{"url":"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2023\/12\/kiss_approach-300x300.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/learnlearn.uk\/ibcs\/system-usability\/","url":"https:\/\/learnlearn.uk\/ibcs\/system-usability\/","name":"System Usability - IB Computer Science","isPartOf":{"@id":"https:\/\/learnlearn.uk\/ibcs\/#website"},"datePublished":"2022-11-29T22:00:33+00:00","dateModified":"2023-12-05T08:53:00+00:00","breadcrumb":{"@id":"https:\/\/learnlearn.uk\/ibcs\/system-usability\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/learnlearn.uk\/ibcs\/system-usability\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/learnlearn.uk\/ibcs\/system-usability\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"IB Computer Science","item":"https:\/\/learnlearn.uk\/ibcs\/"},{"@type":"ListItem","position":2,"name":"System Usability"}]},{"@type":"WebSite","@id":"https:\/\/learnlearn.uk\/ibcs\/#website","url":"https:\/\/learnlearn.uk\/ibcs\/","name":"IB Computer Science","description":"- learnlearn..uk","publisher":{"@id":"https:\/\/learnlearn.uk\/ibcs\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/learnlearn.uk\/ibcs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/learnlearn.uk\/ibcs\/#organization","name":"IB Computer Science","url":"https:\/\/learnlearn.uk\/ibcs\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/","url":"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png","contentUrl":"https:\/\/learnlearn.uk\/ibcs\/wp-content\/uploads\/sites\/25\/2022\/09\/LearnLearnLogowhite-300x41.png","width":300,"height":41,"caption":"IB Computer Science"},"image":{"@id":"https:\/\/learnlearn.uk\/ibcs\/#\/schema\/logo\/image\/"}}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"learnlearnadmin","author_link":"https:\/\/learnlearn.uk\/ibcs\/author\/learnlearnadmin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Keep it simple A cluttered and complicated website can be overwhelming for users. Simplify your design by using clean lines, whitespace, and easy-to-read fonts. &nbsp; Use clear navigation Navigation should be clear, concise, and easy to use. Use clear labels and group related content together. &nbsp; Be consistent Consistency in design and layout will help&hellip;&nbsp;Read&hellip;","_links":{"self":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages\/323"}],"collection":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/comments?post=323"}],"version-history":[{"count":9,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages\/323\/revisions"}],"predecessor-version":[{"id":980,"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/pages\/323\/revisions\/980"}],"wp:attachment":[{"href":"https:\/\/learnlearn.uk\/ibcs\/wp-json\/wp\/v2\/media?parent=323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}