{"id":38596,"date":"2016-11-23T23:46:59","date_gmt":"2016-11-24T05:46:59","guid":{"rendered":"http:\/\/tc1019.wordpress.com\/?p=168"},"modified":"2016-11-23T23:46:59","modified_gmt":"2016-11-24T05:46:59","slug":"user-interface-design-16","status":"publish","type":"post","link":"https:\/\/kenscourses.com\/tc1019fall2016\/syndicated\/user-interface-design-16\/","title":{"rendered":"User Interface Design"},"content":{"rendered":"<p>User interface design is the visible part of a software. It focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions.<\/p>\n<p><strong>Interface Elements<\/strong><\/p>\n<p>Interface elements are those elements that help the user interact with the software without complications. These can be:<\/p>\n<ul>\n<li><span style=\"text-decoration:underline;\">Input controls:<\/span> buttons, text fields, checkboxes, radio buttons, dropdown lists, list boxes, toggles, date fields<\/li>\n<li><span style=\"text-decoration:underline;\">Navigational components:<\/span> breadcrumb, slider, search fields, pagination, slider, tags, icons<\/li>\n<li><span style=\"text-decoration:underline;\">Informational components<\/span>: tooltips, icons, progress bar, notifications, message boxes, modal windows<\/li>\n<li><span style=\"text-decoration:underline;\">Containers:<\/span> accordion<\/li>\n<\/ul>\n<p>It is important to consider that even though these elements make the navigation easier for the user, the excessive use of them can also make it harder.<\/p>\n<p><strong>Best practices for designing an Interface<\/strong><\/p>\n<ul>\n<li>Keep the interface simple<\/li>\n<li>Create consistency and use common UI elements<\/li>\n<li>Be purposeful in page layout<\/li>\n<li>Strategically use color and texture<\/li>\n<li>Use typography to create hierarchy and clarity<\/li>\n<li>Make sure that the system communicates what\u2019s happening<\/li>\n<li>Think about the defaults<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>Never forget to keep in mind what the user wants. Sometimes your design might seem beautiful to you, but is no adequate for your users. <em>(Something I learned from Interactive Design classes)<\/em><\/p>\n<p>Usability. (s.f). User Interface Design Basics. November 23rd, 2016, from Usability Website: <a href=\"https:\/\/www.usability.gov\/what-and-why\/user-interface-design.html\" rel=\"nofollow\">https:\/\/www.usability.gov\/what-and-why\/user-interface-design.html<\/a><\/p><br \/>  <a rel=\"nofollow\" href=\"http:\/\/feeds.wordpress.com\/1.0\/gocomments\/tc1019.wordpress.com\/168\/\"><img alt=\"\" border=\"0\" src=\"http:\/\/feeds.wordpress.com\/1.0\/comments\/tc1019.wordpress.com\/168\/\" \/><\/a> <img alt=\"\" border=\"0\" src=\"https:\/\/pixel.wp.com\/b.gif?host=tc1019.wordpress.com&#038;blog=115274226&%23038;post=168&%23038;subd=tc1019&%23038;ref=&%23038;feed=1\" width=\"1\" height=\"1\" \/>","protected":false},"excerpt":{"rendered":"<p>User interface design is the visible part of a software. It focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions. Interface Elements Interface elements are those elements that help the user interact with the software without &hellip; <a href=\"https:\/\/kenscourses.com\/tc1019fall2016\/syndicated\/user-interface-design-16\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">User Interface Design<\/span><\/a><\/p>\n","protected":false},"author":26,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,4],"tags":[50,209,421,25,422],"class_list":["post-38596","post","type-post","status-publish","format-standard","hentry","category-blogs","category-syndicated","tag-art","tag-design","tag-software-interface-design","tag-tc1019","tag-users"],"_links":{"self":[{"href":"https:\/\/kenscourses.com\/tc1019fall2016\/wp-json\/wp\/v2\/posts\/38596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kenscourses.com\/tc1019fall2016\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kenscourses.com\/tc1019fall2016\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kenscourses.com\/tc1019fall2016\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/kenscourses.com\/tc1019fall2016\/wp-json\/wp\/v2\/comments?post=38596"}],"version-history":[{"count":1,"href":"https:\/\/kenscourses.com\/tc1019fall2016\/wp-json\/wp\/v2\/posts\/38596\/revisions"}],"predecessor-version":[{"id":38597,"href":"https:\/\/kenscourses.com\/tc1019fall2016\/wp-json\/wp\/v2\/posts\/38596\/revisions\/38597"}],"wp:attachment":[{"href":"https:\/\/kenscourses.com\/tc1019fall2016\/wp-json\/wp\/v2\/media?parent=38596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kenscourses.com\/tc1019fall2016\/wp-json\/wp\/v2\/categories?post=38596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kenscourses.com\/tc1019fall2016\/wp-json\/wp\/v2\/tags?post=38596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}