{"id":9,"date":"2021-01-13T19:18:40","date_gmt":"2021-01-13T19:18:40","guid":{"rendered":"http:\/\/192.168.1.198\/wordpress\/?page_id=9"},"modified":"2022-03-24T15:58:12","modified_gmt":"2022-03-24T19:58:12","slug":"samples","status":"publish","type":"page","link":"http:\/\/chrisknott2.ddns.net\/wordpress\/samples\/","title":{"rendered":"Samples"},"content":{"rendered":"\n<figure class=\"wp-block-image alignfull size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"274\" src=\"http:\/\/localhost:8080\/wordpress\/wp-content\/uploads\/2022\/03\/the-best-skis-of-2020-21_v3-1024x274.png\" alt=\"\" class=\"wp-image-297\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2022\/03\/the-best-skis-of-2020-21_v3-1024x274.png 1024w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2022\/03\/the-best-skis-of-2020-21_v3-300x80.png 300w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2022\/03\/the-best-skis-of-2020-21_v3-768x205.png 768w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2022\/03\/the-best-skis-of-2020-21_v3.png 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"SkiBannerImageText2\">Tools of the Trade<\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"664\" src=\"http:\/\/192.168.1.198\/wordpress\/wp-content\/uploads\/2021\/01\/ProximityGiletteSiteMap-1024x664.png\" alt=\"\" class=\"wp-image-138 size-full\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/ProximityGiletteSiteMap-1024x664.png 1024w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/ProximityGiletteSiteMap-300x194.png 300w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/ProximityGiletteSiteMap-768x498.png 768w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/ProximityGiletteSiteMap.png 1318w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Sitemap<\/h3>\n\n\n\n<p>This is where the Information Architecture begins.  Whether it be a content audit of an existing site or building out a new one, a sitemap is a great start.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"667\" src=\"http:\/\/192.168.1.198\/wordpress\/wp-content\/uploads\/2021\/01\/webfeatSiteMap-1024x667.png\" alt=\"\" class=\"wp-image-149 size-full\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/webfeatSiteMap-1024x667.png 1024w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/webfeatSiteMap-300x195.png 300w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/webfeatSiteMap-768x500.png 768w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/webfeatSiteMap.png 1286w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Annotated Sitemap<\/h3>\n\n\n\n<p>In order to show the user journeys or other key interactions, a grouped or annotated sitemap can be a great idea.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"706\" src=\"http:\/\/192.168.1.198\/wordpress\/wp-content\/uploads\/2021\/01\/SapientUserExperienceReview-1024x706.png\" alt=\"\" class=\"wp-image-141 size-full\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/SapientUserExperienceReview-1024x706.png 1024w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/SapientUserExperienceReview-300x207.png 300w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/SapientUserExperienceReview-768x529.png 768w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/SapientUserExperienceReview.png 1264w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Heuristic Audit <\/h3>\n\n\n\n<p>One of the earliest things that may be done when analyzing a site that is up for a redo will be to perform an audit using predefined heuristics.  This will explore many of the issues with a current design and will be used to assist future phases of the design.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"764\" src=\"http:\/\/192.168.1.198\/wordpress\/wp-content\/uploads\/2021\/01\/BMOPersonas-1024x764.png\" alt=\"\" class=\"wp-image-134 size-full\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/BMOPersonas-1024x764.png 1024w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/BMOPersonas-300x224.png 300w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/BMOPersonas-768x573.png 768w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/BMOPersonas.png 1273w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Personas<\/h3>\n\n\n\n<p>Knowing your end user is a critical step in understanding what type of design will make them happy.  Are they technical? Artsy? Do they need to perform complicated tasks, or just a quick hit?  Knowing who they are and what they want is critical.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"597\" src=\"http:\/\/192.168.1.198\/wordpress\/wp-content\/uploads\/2021\/01\/bestBuyUserFlow-1024x597.png\" alt=\"\" class=\"wp-image-234 size-full\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/bestBuyUserFlow-1024x597.png 1024w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/bestBuyUserFlow-300x175.png 300w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/bestBuyUserFlow-768x448.png 768w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/bestBuyUserFlow.png 1290w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Business Process Flows<\/h3>\n\n\n\n<p>User flows, workflows, user flows, journeys, swim lane diagrams: there are a lot of different names and types, but they all boil down to documenting a complex process so that it can be redefined and improved.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"563\" height=\"707\" src=\"http:\/\/192.168.1.198\/wordpress\/wp-content\/uploads\/2021\/01\/techSpecExample.png\" alt=\"\" class=\"wp-image-145 size-full\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/techSpecExample.png 563w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/techSpecExample-239x300.png 239w\" sizes=\"auto, (max-width: 563px) 100vw, 563px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Business Requirements Document<\/h3>\n\n\n\n<p>This type of document may live by other names, but we commonly refer to it as a BRD.  It will contain all of the project goals, user stories, definitions, designs, wireframes, data maps, and any other type of documentation that will be required to create a full design.  This is often the document that a client will sign off.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"851\" src=\"http:\/\/192.168.1.198\/wordpress\/wp-content\/uploads\/2021\/01\/SapientWireframe-1024x851.png\" alt=\"\" class=\"wp-image-142 size-full\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/SapientWireframe-1024x851.png 1024w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/SapientWireframe-300x249.png 300w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/SapientWireframe-768x638.png 768w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/SapientWireframe.png 1106w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Wireframes<\/h3>\n\n\n\n<p>A wireframe is the main tool in the User Experience Architect&#8217;s bag of tricks.  This contains all of the layout instruction and functional design detail that a graphic artist will need in order to make it look great, and also for a programmer to bring it to life through code.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"513\" height=\"1024\" src=\"http:\/\/192.168.1.198\/wordpress\/wp-content\/uploads\/2021\/01\/newHome-513x1024.png\" alt=\"\" class=\"wp-image-136 size-full\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/newHome-513x1024.png 513w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/newHome-150x300.png 150w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/newHome-768x1534.png 768w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/newHome-769x1536.png 769w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/newHome-1025x2048.png 1025w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/newHome.png 1271w\" sizes=\"auto, (max-width: 513px) 100vw, 513px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Graphic Design<\/h3>\n\n\n\n<p>A User Experience Architect will rarely do the actual graphic design themselves.  Instead, they will have an in-depth knowledge of Brand Essence, Colour Palettes, Style Guides, Pattern Libraries, latest trends, technical constraints, and more.  They will use this knowledge to guide a visual designer towards a final design that the client approves.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"494\" height=\"881\" src=\"http:\/\/192.168.1.198\/wordpress\/wp-content\/uploads\/2021\/01\/mobile.png\" alt=\"\" class=\"wp-image-215 size-full\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/mobile.png 494w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/mobile-168x300.png 168w\" sizes=\"auto, (max-width: 494px) 100vw, 494px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Mobile<\/h3>\n\n\n\n<p>Do you need a dedicated mobile app, or only a device-responsive site?  Sometimes the answer isn&#8217;t clear but we can help to figure it out with you and design and develop the solution that best meets your needs.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"http:\/\/192.168.1.198\/wordpress\/wp-content\/uploads\/2021\/01\/display-php-1024x585.png\" alt=\"\" class=\"wp-image-162 size-full\" srcset=\"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/display-php-1024x585.png 1024w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/display-php-300x171.png 300w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/display-php-768x438.png 768w, http:\/\/chrisknott2.ddns.net\/wordpress\/wp-content\/uploads\/2021\/01\/display-php.png 1510w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Development<\/h3>\n\n\n\n<p>Once the graphic design is complete, programmers will take the design and make it come to life with code.  <\/p>\n\n\n\n<p>Chris can write HTML, CSS, JavaScript, PHP, MySQL and other languages.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tools of the Trade Sitemap This is where the Information Architecture begins. Whether it be a content audit of an existing site or building out a new one, a sitemap is a great start. Annotated Sitemap In order to show the user journeys or other key interactions, a grouped or annotated sitemap can be a &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/chrisknott2.ddns.net\/wordpress\/samples\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Samples&#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-9","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/pages\/9","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=9"}],"version-history":[{"count":20,"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":307,"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/pages\/9\/revisions\/307"}],"wp:attachment":[{"href":"http:\/\/chrisknott2.ddns.net\/wordpress\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}