{"id":243,"date":"2011-02-28T20:41:07","date_gmt":"2011-02-28T20:41:07","guid":{"rendered":"http:\/\/www.blog.uxpin.com\/?p=243"},"modified":"2020-05-08T16:10:39","modified_gmt":"2020-05-08T23:10:39","slug":"3c-3-reasons-to-prototype-and-the-webdesign-mastery","status":"publish","type":"post","link":"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/","title":{"rendered":"3C &#8211; 3 reasons to prototype and the webdesign mastery"},"content":{"rendered":"<article>Prototyping, though often confused with magic, is just a simple tool to reach satisfying level of:<\/p>\n<ul style=\"list-style-type:none;\">\n<li><strong>1. Creativity (prototyping as a \u201ebrainstorming tool\u201d)<\/strong><\/li>\n<li><strong>2. Certainity (prototyping as a \u201etesting tool\u201d)<\/strong><\/li>\n<li><strong>3. Clarity (prototyping as a project documentation)<\/strong><\/li>\n<\/ul>\n<p>It\u2019s also known as <strong>3c &#8211; 3 reasons to prototype.<\/strong><\/p>\n<p><!--more--><\/p>\n<p>Nothing more, nothing less. When we\u2019re struggling to create best possible product, prototyping is an irreplaceable ingredient.<\/p>\n<p>In most projects, only old fashioned developers\/grumpy managers with non-product and non-business oriented minds may claim that immediate coding and releasing products is a good enough method to use in the professional and highly competitive world of the Internet.<\/p>\n<p>Though in some cases (small, start-up like projects) speed of development is highly accurate even if your user experience sucks ass, I would recommend befriending the universal rule <strong>\u201ereal people will use this product, not some abstract \u201eusers\u201d \u201d<\/strong> and at least try to apply it to every project.<\/p>\n<p>If you won\u2019t create a usable, engaging and satisfying product, be sure &#8211; your competition will do it, destroying your plans of early retirement on Hawaii beach.<\/p>\n<p>I\u2019m prototyping new products every day using a variety of methods including paper prototyping, whiteboard sketching, html and Axure. My motto would be: never, never, never stop improving your workflow.<\/p>\n<p>Recently, engaged in my favorite activity of simplifying things I gazed on Axure with a growing feeling of anxiety. Why the hell me and lots of my UX-friends are spending so much time creating Axure prototypes? Code is a mess, it looks shitty (disturbing, though in most cases it should look bad! As we shouldn\u2019t spend too much time prototyping) and it certainly doesn\u2019t gain co-workers respect.<\/p>\n<p>I calmed myself down with reminiscence of huge and complicated projects that I was designing in the past. Overgrown badasses with dozens of complicated pages and states in need of user testing. Without paper prototyping and Axure I could never succeed on them. The whole project, worth hell-a-lot of money, could end up in limbo.<\/p>\n<p>Usually, though we create minor stuff. Simple websites, small new functionalities, not too complicated apps. Baring in mind three rules of prototyping (creativity, certainty, clarity) I thought that today it\u2019s easy to apply great webdesign in just 4 simple steps:<\/p>\n<ul style=\"list-style-type:none\">\n<li>1. Paper prototype with your teammates (if you have any). It will clear your ideas, boost creativity and let you test variety of designs quickly.<\/li>\n<li>2. Use html, css and jquery to create working prototype. It should still need some polishing but must be ready for 3. further testing.<\/li>\n<li>4. Polish the design.<\/li>\n<li>5. Add needed coding, which you smartly left behind earlier and test working product with people before launch.<\/li>\n<\/ul>\n<p><strong>Yes. No Axure, Balsamiq, Omnigraffle, Visio in the process.<\/strong> Why? Today with easy to use javascripts plugins and layout designed in css (remember table days?;-)) in not too complicated projects you\u2019re simplifying your workflow <strong>giving yourself more time for some Zombie-killing world-saving activities.<\/strong><\/p>\n<p>Why (think about 3 reasons to prototype mentioned in the beginning) should you prototype in Axure? Creativity? Paper prototyping with friends is way more efficient. Certainty? User testing is included in 3 out of 4 steps. Clarity? You got me here, but as I said &#8211; it applies to not-too-complicated projects where paper prototypes will work.<\/p>\n<p><strong>Is this the future of prototyping? In some cases yes. In some cases no. You\u2019ve got your own brain &#8211; think about it and find your own way to success. I thought it\u2019s worth mentioning.<\/strong><\/p>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Prototyping, though often confused with magic, is just a simple tool to reach satisfying level of: 1. Creativity (prototyping as a \u201ebrainstorming tool\u201d) 2. Certainity (prototyping as a \u201etesting tool\u201d) 3. Clarity (prototyping as a project documentation) It\u2019s also known as 3c &#8211; 3 reasons to prototype.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,6],"tags":[],"class_list":["post-243","post","type-post","status-publish","format-standard","hentry","category-blog","category-ux-design"],"yoast_title":"","yoast_metadesc":"3 reasons to prototype and the webdesign mastery. What does it take to create a good webdesign?","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.2.1 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>3C - 3 reasons to prototype and the webdesign mastery | UXPin<\/title>\n<meta name=\"description\" content=\"3 reasons to prototype and the webdesign mastery. What does it take to create a good webdesign?\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"3C - 3 reasons to prototype and the webdesign mastery\" \/>\n<meta property=\"og:description\" content=\"3 reasons to prototype and the webdesign mastery. What does it take to create a good webdesign?\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/\" \/>\n<meta property=\"og:site_name\" content=\"Studio by UXPin\" \/>\n<meta property=\"article:published_time\" content=\"2011-02-28T20:41:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-08T23:10:39+00:00\" \/>\n<meta name=\"author\" content=\"Marcin Treder\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@marcintreder\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcin Treder\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\\\/\"},\"author\":{\"name\":\"Marcin Treder\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/cc841401f06463c92d633bed6dfd84bc\"},\"headline\":\"3C &#8211; 3 reasons to prototype and the webdesign mastery\",\"datePublished\":\"2011-02-28T20:41:07+00:00\",\"dateModified\":\"2020-05-08T23:10:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\\\/\"},\"wordCount\":583,\"articleSection\":[\"Blog\",\"UX Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\\\/\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\\\/\",\"name\":\"3C - 3 reasons to prototype and the webdesign mastery | UXPin\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\"},\"datePublished\":\"2011-02-28T20:41:07+00:00\",\"dateModified\":\"2020-05-08T23:10:39+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/cc841401f06463c92d633bed6dfd84bc\"},\"description\":\"3 reasons to prototype and the webdesign mastery. What does it take to create a good webdesign?\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/blog\\\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"3C &#8211; 3 reasons to prototype and the webdesign mastery\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#website\",\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/\",\"name\":\"Studio by UXPin\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/#\\\/schema\\\/person\\\/cc841401f06463c92d633bed6dfd84bc\",\"name\":\"Marcin Treder\",\"description\":\"Marcin Treder is the CEO and co-founder of UXPin, a product design platform. Since co-founding UXPin in 2010, he has helped build and lead product teams in the Poland and Silicon Valley offices. Previously, he worked on projects for two companies that IPOed and managed the design team for one of the biggest eCommerce companies in Eastern Europe. He holds an M.A. in Cognitive Psychology. Marcin has been given numerous awards, including MIT 30 under 35 for his accomplishments in design and business.\",\"sameAs\":[\"http:\\\/\\\/uxpin.com\",\"https:\\\/\\\/x.com\\\/marcintreder\"],\"url\":\"https:\\\/\\\/www.uxpin.com\\\/studio\\\/author\\\/marcintreder\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"3C - 3 reasons to prototype and the webdesign mastery | UXPin","description":"3 reasons to prototype and the webdesign mastery. What does it take to create a good webdesign?","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:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/","og_locale":"en_US","og_type":"article","og_title":"3C - 3 reasons to prototype and the webdesign mastery","og_description":"3 reasons to prototype and the webdesign mastery. What does it take to create a good webdesign?","og_url":"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/","og_site_name":"Studio by UXPin","article_published_time":"2011-02-28T20:41:07+00:00","article_modified_time":"2020-05-08T23:10:39+00:00","author":"Marcin Treder","twitter_card":"summary_large_image","twitter_creator":"@marcintreder","twitter_misc":{"Written by":"Marcin Treder","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/#article","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/"},"author":{"name":"Marcin Treder","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/cc841401f06463c92d633bed6dfd84bc"},"headline":"3C &#8211; 3 reasons to prototype and the webdesign mastery","datePublished":"2011-02-28T20:41:07+00:00","dateModified":"2020-05-08T23:10:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/"},"wordCount":583,"articleSection":["Blog","UX Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/","url":"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/","name":"3C - 3 reasons to prototype and the webdesign mastery | UXPin","isPartOf":{"@id":"https:\/\/www.uxpin.com\/studio\/#website"},"datePublished":"2011-02-28T20:41:07+00:00","dateModified":"2020-05-08T23:10:39+00:00","author":{"@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/cc841401f06463c92d633bed6dfd84bc"},"description":"3 reasons to prototype and the webdesign mastery. What does it take to create a good webdesign?","breadcrumb":{"@id":"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.uxpin.com\/studio\/blog\/3c-3-reasons-to-prototype-and-the-webdesign-mastery\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.uxpin.com\/studio\/"},{"@type":"ListItem","position":2,"name":"3C &#8211; 3 reasons to prototype and the webdesign mastery"}]},{"@type":"WebSite","@id":"https:\/\/www.uxpin.com\/studio\/#website","url":"https:\/\/www.uxpin.com\/studio\/","name":"Studio by UXPin","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.uxpin.com\/studio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.uxpin.com\/studio\/#\/schema\/person\/cc841401f06463c92d633bed6dfd84bc","name":"Marcin Treder","description":"Marcin Treder is the CEO and co-founder of UXPin, a product design platform. Since co-founding UXPin in 2010, he has helped build and lead product teams in the Poland and Silicon Valley offices. Previously, he worked on projects for two companies that IPOed and managed the design team for one of the biggest eCommerce companies in Eastern Europe. He holds an M.A. in Cognitive Psychology. Marcin has been given numerous awards, including MIT 30 under 35 for his accomplishments in design and business.","sameAs":["http:\/\/uxpin.com","https:\/\/x.com\/marcintreder"],"url":"https:\/\/www.uxpin.com\/studio\/author\/marcintreder\/"}]}},"_links":{"self":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/243","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/comments?post=243"}],"version-history":[{"count":0,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/posts\/243\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/media?parent=243"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/categories?post=243"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.uxpin.com\/studio\/wp-json\/wp\/v2\/tags?post=243"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}