{"id":1335,"date":"2022-06-14T08:11:01","date_gmt":"2022-06-14T08:11:01","guid":{"rendered":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/?p=1335"},"modified":"2022-06-14T08:11:01","modified_gmt":"2022-06-14T08:11:01","slug":"keats-3-11-ui-refresh","status":"publish","type":"post","link":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/keats-3-11-ui-refresh\/","title":{"rendered":"KEATS 3.11 UI Refresh"},"content":{"rendered":"<p>Feedback from students from various channels across King\u2019s have reported that there is a lack of consistency in the User Experience (UX) and User Interface (UI) across KCL\u2019s digital platforms, particularly the website and across templates and module pages within KEATS. <!--more-->While we have made some progress in this space via the development and adoption of the KEATS Education Template\u2019s (KET), the TEL community continue to make improvements based on user feedback.<\/p>\n<p>The aim of this work was to update the elements of the User Interface of KEATS 3.11 (particularly\u00a0the Dashboard &amp; KET) to improve user experience and to align\u00a0more closely with the KCL brand.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1336 aligncenter\" src=\"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/files\/2022\/06\/KEATS-Refresh-1.png\" alt=\"KEATS Refresh 1\" width=\"472\" height=\"247\" srcset=\"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/files\/2022\/06\/KEATS-Refresh-1.png 472w, https:\/\/blogs.kcl.ac.uk\/digitaleducation\/files\/2022\/06\/KEATS-Refresh-1-300x157.png 300w\" sizes=\"auto, (max-width: 472px) 100vw, 472px\" \/><\/p>\n<p style=\"text-align: center\"><em>KEATS Dashboard on KEATS 3.9<\/em><\/p>\n<h3><strong>Experimenting with Dashboard designs on UAT 3.11<\/strong><\/h3>\n<p>Earlier designs that we experimented with was inspired by the KEATS Education Template. However, this looked too \u2018busy\u2019.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1337 aligncenter\" src=\"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/files\/2022\/06\/KEATS-Refresh-2.png\" alt=\"KEATS Refresh 2\" width=\"402\" height=\"206\" srcset=\"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/files\/2022\/06\/KEATS-Refresh-2.png 402w, https:\/\/blogs.kcl.ac.uk\/digitaleducation\/files\/2022\/06\/KEATS-Refresh-2-300x154.png 300w\" sizes=\"auto, (max-width: 402px) 100vw, 402px\" \/><\/p>\n<p style=\"text-align: center\"><em>Proposed design on the dashboard<\/em><\/p>\n<p>The proposed design blends elements from both. Designs are clean and easy to follow and draw users&#8217; attention to Block headings vs the current while remaining less busy than the previous design. Changes have been applied to the Blocks, fonts and Block alignment.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1338 aligncenter\" src=\"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/files\/2022\/06\/KEATS-Refresh-3.png\" alt=\"KEATS Refresh 3\" width=\"416\" height=\"268\" \/><\/p>\n<p style=\"text-align: center\"><em>Proposed design for KET users<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1339 aligncenter\" src=\"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/files\/2022\/06\/KEATS-Refresh-4.png\" alt=\"KEATS Refresh 4\" width=\"584\" height=\"341\" \/><\/p>\n<p>Meryem and I worked with faculties to remediate any effect on local templates. Staff members of the Learning Design and Innovation group were asked to conduct testing, report bugs, and decide on whether they should sign off on the proposed design. To date, no critical bugs have been reported and we have received faculty sign-off to deploy the new theme on our live production of KEATS on the upgrade to Moodle\/KEATS 3.11.<\/p>\n<p>Originally, a lot of our theme work was intended for Moodle 4, however, due to the setbacks of the Moodle 4 release date, our focus, work, and deadlines had to be shifted. Moving forward towards an upgrade to Moodle 4 in the future (likely in 2023), we aim to continue to be steered by the needs of our users and improve on the UX\/UI of KEATS.<\/p>\n<h3>Useful Links<\/h3>\n<ul>\n<li><a href=\"https:\/\/keats.kcl.ac.uk\/course\/view.php?id=76651\">KEATS Education Template Example &amp; Guidance<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-thumbnail wp-image-1341\" src=\"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/files\/2022\/06\/Andre-Crawford-150x150.jpg\" alt=\"Andre Crawford\" width=\"150\" height=\"150\" \/>Written by Andre Crawford<\/h3>\n<p>Andre works at CTEL as an E-Learning Content Developer.<\/p>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Feedback from students from various channels across King\u2019s have reported that there is a lack of consistency in the User Experience (UX) and User Interface (UI) across KCL\u2019s digital platforms, particularly the website and across templates and module pages within KEATS.<\/p>\n","protected":false},"author":681,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[15],"tags":[67,18,72,76],"class_list":["post-1335","post","type-post","status-publish","format-standard","hentry","category-technologies","tag-digital-education","tag-keats","tag-online-learning","tag-tel","without-featured-image"],"_links":{"self":[{"href":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/wp-json\/wp\/v2\/posts\/1335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/wp-json\/wp\/v2\/users\/681"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/wp-json\/wp\/v2\/comments?post=1335"}],"version-history":[{"count":5,"href":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/wp-json\/wp\/v2\/posts\/1335\/revisions"}],"predecessor-version":[{"id":1355,"href":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/wp-json\/wp\/v2\/posts\/1335\/revisions\/1355"}],"wp:attachment":[{"href":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/wp-json\/wp\/v2\/media?parent=1335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/wp-json\/wp\/v2\/categories?post=1335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.kcl.ac.uk\/digitaleducation\/wp-json\/wp\/v2\/tags?post=1335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}