{"id":7,"date":"2021-01-13T19:18:40","date_gmt":"2021-01-13T19:18:40","guid":{"rendered":"http:\/\/192.168.1.198\/wordpress\/?page_id=7"},"modified":"2023-11-16T10:52:04","modified_gmt":"2023-11-16T15:52:04","slug":"user-experience","status":"publish","type":"page","link":"http:\/\/chrisknott2.ddns.net\/wordpress\/user-experience\/","title":{"rendered":"User Experience"},"content":{"rendered":"\n<figure class=\"wp-block-image alignfull size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"380\" src=\"http:\/\/localhost:8080\/wordpress\/wp-content\/uploads\/2022\/03\/Skiurlaub-im-4-Sterne-Hotel-Happy-Stubai-Gletscherski-Header-1024x380.jpg\" alt=\"\" class=\"wp-image-289\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2022\/03\/Skiurlaub-im-4-Sterne-Hotel-Happy-Stubai-Gletscherski-Header-1024x380.jpg 1024w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2022\/03\/Skiurlaub-im-4-Sterne-Hotel-Happy-Stubai-Gletscherski-Header-300x111.jpg 300w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2022\/03\/Skiurlaub-im-4-Sterne-Hotel-Happy-Stubai-Gletscherski-Header-768x285.jpg 768w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2022\/03\/Skiurlaub-im-4-Sterne-Hotel-Happy-Stubai-Gletscherski-Header-1536x570.jpg 1536w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2022\/03\/Skiurlaub-im-4-Sterne-Hotel-Happy-Stubai-Gletscherski-Header-2048x760.jpg 2048w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2022\/03\/Skiurlaub-im-4-Sterne-Hotel-Happy-Stubai-Gletscherski-Header-1568x582.jpg 1568w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns 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\" style=\"flex-basis:100%\">\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:25% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"125\" height=\"132\" src=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/Image-110-2.png\" alt=\"\" class=\"wp-image-208 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Business Goals<\/h3>\n\n\n\n<p>Step number one is to determine what the business is looking to do. What are the project goals, what is the definition of &#8220;done&#8221; and what are the key metrics for success<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:25% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"128\" height=\"125\" src=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/Image-111.png\" alt=\"\" class=\"wp-image-209 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">User Needs<\/h3>\n\n\n\n<p>Once the business need has been understood, the next step is to fully understand what the users want out of the design. After all, if they don&#8217;t want it, they won&#8217;t use it. Fully understanding who your user is, what they like, what the need, and where they want to go is key to designing a successful product.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:25% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"131\" height=\"136\" src=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/Image-109.png\" alt=\"\" class=\"wp-image-210 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Wireframes and Architecture<\/h3>\n\n\n\n<p>This is where the rubber starts to hit the road.  A wireframe is like a blueprint for a design.  It describes the layout to a designer so that they can make it look good.  It also describes any functionality to a developer so that they can code it and make it work.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:25% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"182\" height=\"190\" src=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/Image-112.png\" alt=\"\" class=\"wp-image-211 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Surveys, Labs, Testing and Metrics<\/h3>\n\n\n\n<p>A great idea needs to be tested.  If testing ahead of launch isn&#8217;t possible, then there should be a strong ability to track and measure the success of the new design.  Much can be learned about it though testing and analytics.  Improvements to the design should be supported by metrics, whether they be click or in person user testing.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:25% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"131\" height=\"132\" src=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/Image-113.png\" alt=\"\" class=\"wp-image-212 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Graphic Design<\/h3>\n\n\n\n<p>Once as much pre-work as possible has been completed, we move into a graphic design phase where your style, brand, tone, imagery, fonts, and colour palette will be taken and transformed into the new design.  From there, it will get approved by you and cut up into development ready assets.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:25% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"118\" height=\"115\" src=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/Image-114.png\" alt=\"\" class=\"wp-image-213 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Build and Test<\/h3>\n\n\n\n<p>The development process can take the longest time.  Complex designs may require a lot of code.  There are a number of different layers that all need to work together such as HTML, CSS, JavaScript, and a number of different frameworks, libraries, and back end server languages.  <\/p>\n\n\n\n<p>Testing in this case includes both Quality Assurance (inhouse testing) and User Acceptance Testing (external testing) where the customer tests the design and ensures that it meets the predefined requirements. After this, there is full payment and the product release.<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Business Goals Step number one is to determine what the business is looking to do. What are the project goals, what is the definition of &#8220;done&#8221; and what are the key metrics for success User Needs Once the business need has been understood, the next step is to fully understand what the users want out &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/chrisknott2.ddns.net\/wordpress\/user-experience\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;User Experience&#8221;<\/span><\/a><\/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-7","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":25,"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":375,"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/pages\/7\/revisions\/375"}],"wp:attachment":[{"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}