<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Design | Scott Piggott</title>
	<atom:link href="https://piggott.us/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>https://piggott.us</link>
	<description></description>
	<lastBuildDate>Thu, 09 Feb 2023 20:38:30 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://piggottcdn.sirv.com/WP_piggott.us/2025/02/cropped-cropped-cropped-PGT3.png?w=32&#038;h=32&#038;scale.option=fill&#038;cw=32&#038;ch=32&#038;cx=center&#038;cy=center</url>
	<title>Design | Scott Piggott</title>
	<link>https://piggott.us</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">111240843</site>	<item>
		<title>iPod Timeline</title>
		<link>https://piggott.us/2020/01/ipod-timeline/</link>
		
		<dc:creator><![CDATA[spiggott]]></dc:creator>
		<pubDate>Mon, 13 Jan 2020 19:41:25 +0000</pubDate>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Technology]]></category>
		<guid isPermaLink="false">https://pggtt.com/wordpress/?p=571</guid>

					<description><![CDATA[<p>Unbelievable agility for a company the size of Apple (even in 2001)! I asked Tony Fadell about the iPod timeline for my fast project page. Summary: &#x1f62f;. pic.twitter.com/mf0CfbAEtB — Patrick Collison (@patrickc) January 12, 2020</p>
<p>The post <a href="https://piggott.us/2020/01/ipod-timeline/">iPod Timeline</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Unbelievable agility for a company the size of Apple (even in 2001)!</p>


<blockquote class="twitter-tweet">
<p lang="en" dir="ltr">I asked Tony Fadell about the iPod timeline for my fast project page. Summary: <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f62f.png" alt="😯" class="wp-smiley" style="height: 1em; max-height: 1em;" />. <a href="https://t.co/mf0CfbAEtB">pic.twitter.com/mf0CfbAEtB</a></p>
<p>— Patrick Collison (@patrickc) <a href="https://twitter.com/patrickc/status/1216477318434050048?ref_src=twsrc%5Etfw">January 12, 2020</a></p>
</blockquote>
<p> <script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p><p>The post <a href="https://piggott.us/2020/01/ipod-timeline/">iPod Timeline</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">571</post-id>	</item>
		<item>
		<title>Hunter Boots Website Puts Emphasis on Design</title>
		<link>https://piggott.us/2016/11/hunter-boots-website-puts-emphasis-on-design/</link>
		
		<dc:creator><![CDATA[spiggott]]></dc:creator>
		<pubDate>Wed, 16 Nov 2016 16:35:18 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[E-commerce]]></category>
		<guid isPermaLink="false">http://scottpiggott.com/?p=270</guid>

					<description><![CDATA[<p>Econsultancy has a good writeup on the new Hunter e-commerce website. It&#8217;s nice to see someone doing something interesting with e-commerce and making design a priority. This is so much more that an online catalog &#8211; it has the feel of a fashion magazine. Great lifestyle photos and excellent product shots. &#160;</p>
<p>The post <a href="https://piggott.us/2016/11/hunter-boots-website-puts-emphasis-on-design/">Hunter Boots Website Puts Emphasis on Design</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Econsultancy has a <a href="https://econsultancy.com/blog/68530-eight-features-to-appreciate-on-hunter-s-revamped-ecommerce-site">good writeup</a> on the new Hunter e-commerce website. It&#8217;s nice to see someone doing something interesting with e-commerce and making design a priority. This is so much more that an online catalog &#8211; it has the feel of a fashion magazine. Great lifestyle photos and excellent product shots.</p>
<p><figure id="attachment_271" aria-describedby="caption-attachment-271" style="width: 750px" class="wp-caption alignleft"><img fetchpriority="high" decoding="async" data-attachment-id="271" data-permalink="https://piggott.us/2016/11/hunter-boots-website-puts-emphasis-on-design/hunter-explore/" data-orig-file="https://piggottcdn.sirv.com/WP_piggott.us/2016/11/hunter-explore.jpg" data-orig-size="750,334" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="hunter-explore" data-image-description="&lt;p&gt;explore hunter boots color options&lt;/p&gt;
" data-image-caption="" data-large-file="https://piggottcdn.sirv.com/WP_piggott.us/2016/11/hunter-explore.jpg?w=702&amp;h=313" id="longdesc-return-271" class="wp-image-271 size-full" tabindex="-1" src="http://scottpiggott.com/wordpress/wp-content/uploads/2016/11/hunter-explore.jpg" alt="hunter boots" width="750" height="334" longdesc="http://scottpiggott.com?longdesc=271&amp;referrer=270" srcset="https://piggottcdn.sirv.com/WP_piggott.us/2016/11/hunter-explore.jpg 750w, https://piggottcdn.sirv.com/WP_piggott.us/2016/11/hunter-explore.jpg?w=300&amp;h=134&amp;scale.option=fill&amp;cw=300&amp;ch=134&amp;cx=center&amp;cy=center 300w" sizes="(max-width: 750px) 100vw, 750px" /><figcaption id="caption-attachment-271" class="wp-caption-text">Gives the user an overview of the entire range of products with the ability to easily see different colors.</figcaption></figure></p>
<p>&nbsp;</p><p>The post <a href="https://piggott.us/2016/11/hunter-boots-website-puts-emphasis-on-design/">Hunter Boots Website Puts Emphasis on Design</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">270</post-id>	</item>
		<item>
		<title>Baymard Institute: 3 Key Design Principles for Product Listing Information</title>
		<link>https://piggott.us/2016/06/baymard-institute-3-key-design-principles-for-product-listing-information/</link>
		
		<dc:creator><![CDATA[spiggott]]></dc:creator>
		<pubDate>Wed, 08 Jun 2016 11:37:42 +0000</pubDate>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[E-commerce]]></category>
		<guid isPermaLink="false">http://scottpiggott.com/wordpress/?p=202</guid>

					<description><![CDATA[<p>Baymard Institute just posted an interesting article about the importance of UX on product listing pages based on their e-commerce usability research. Users select and reject products in the product listing pages based on the information available about each item. We’ve previously documented that 46% of e-commerce site have severe usability issues because they display [&#8230;]</p>
<p>The post <a href="https://piggott.us/2016/06/baymard-institute-3-key-design-principles-for-product-listing-information/">Baymard Institute: 3 Key Design Principles for Product Listing Information</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Baymard Institute just posted an interesting article about the importance of UX on product listing pages based on their e-commerce usability research.</p>
<blockquote><p>Users select and reject products in the product listing pages based on the information available about each item. We’ve previously documented that 46% of e-commerce site have severe usability issues because they display too few product attributes in the product listings.</p></blockquote>
<p><img decoding="async" data-attachment-id="203" data-permalink="https://piggott.us/2016/06/baymard-institute-3-key-design-principles-for-product-listing-information/baymard-institute/" data-orig-file="https://piggottcdn.sirv.com/WP_piggott.us/2016/06/baymard-institute.jpg" data-orig-size="1120,505" data-comments-opened="0" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="baymard-institute" data-image-description="" data-image-caption="" data-large-file="https://piggottcdn.sirv.com/WP_piggott.us/2016/06/baymard-institute.jpg?w=702&amp;h=317&amp;scale.option=fill&amp;cw=702&amp;ch=317&amp;cx=center&amp;cy=center" class="alignleft size-full wp-image-203" src="http://scottpiggott.com/wordpress/wp-content/uploads/2016/06/baymard-institute.jpg" alt="ux-research" width="1120" height="505" srcset="https://piggottcdn.sirv.com/WP_piggott.us/2016/06/baymard-institute.jpg 1120w, https://piggottcdn.sirv.com/WP_piggott.us/2016/06/baymard-institute.jpg?w=300&amp;h=135&amp;scale.option=fill&amp;cw=300&amp;ch=135&amp;cx=center&amp;cy=center 300w, https://piggottcdn.sirv.com/WP_piggott.us/2016/06/baymard-institute.jpg?w=768&amp;h=346&amp;scale.option=fill&amp;cw=768&amp;ch=346&amp;cx=center&amp;cy=center 768w, https://piggottcdn.sirv.com/WP_piggott.us/2016/06/baymard-institute.jpg?w=1024&amp;h=462&amp;scale.option=fill&amp;cw=1024&amp;ch=462&amp;cx=center&amp;cy=center 1024w" sizes="(max-width: 1120px) 100vw, 1120px" /></p>
<p>&nbsp;</p>
<p><span id="more-202"></span><strong>TL;DR </strong>&#8211;<strong> </strong>In essence the findings can be summarized quite simply: First, e-commerce sites must ensure their product list items include all Essential Attributes (price, thumbnail, product title or type, variations, and user ratings) along with 1-3 Category-Specific Attributes. Second, with the right list item information in place, e-commerce sites must ensure that the design of this information allows for:</p>
<ol>
<li><strong>Comparison through Information Consistency</strong> – both in terms of what information is included and the sequence in which it is displayed.</li>
<li><strong>Scannability through Separate Entities</strong> – avoid embedding specs in titles; instead style attributes as separate entities.</li>
<li><strong>Overview through Progressive Disclosure</strong> – consider utilizing mouse hover to show additional (secondary) item information and possible a new thumbnail (e.g. different product angle).</li>
</ol>
<p><a href="http://baymard.com/blog/list-item-design-ecommerce" target="_blank">Read the entire article</a> at Baymard Institute.</p><p>The post <a href="https://piggott.us/2016/06/baymard-institute-3-key-design-principles-for-product-listing-information/">Baymard Institute: 3 Key Design Principles for Product Listing Information</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">202</post-id>	</item>
		<item>
		<title>Lightweight Mobile Prototyping in Sketch 3 with Silver</title>
		<link>https://piggott.us/2016/02/lightweight-mobile-prototyping-in-sketch-3-with-silver/</link>
		
		<dc:creator><![CDATA[spiggott]]></dc:creator>
		<pubDate>Mon, 15 Feb 2016 16:20:21 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Mobile]]></category>
		<guid isPermaLink="false">https://spiggott.wordpress.com/?p=146</guid>

					<description><![CDATA[<p>It looks like the upcoming Silver plugin for Sketch may give Adobe&#8217;s Project Comet a run for its money. Can&#8217;t wait to try this out. &#160;</p>
<p>The post <a href="https://piggott.us/2016/02/lightweight-mobile-prototyping-in-sketch-3-with-silver/">Lightweight Mobile Prototyping in Sketch 3 with Silver</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>It looks like the upcoming <a href="https://medium.com/swlh/introducing-silver-lightweight-mobile-prototyping-in-sketch-3-cee46d267f1f#.bq06a5e1e" target="_blank">Silver</a> plugin for Sketch may give Adobe&#8217;s Project Comet a run for its money. Can&#8217;t wait to try this out.</p>
<p><div class="jetpack-video-wrapper"><div class="embed-vimeo" style="text-align: center;"><iframe src="https://player.vimeo.com/video/146209558" width="480" height="270" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div></div></p>
<p>&nbsp;</p><p>The post <a href="https://piggott.us/2016/02/lightweight-mobile-prototyping-in-sketch-3-with-silver/">Lightweight Mobile Prototyping in Sketch 3 with Silver</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">146</post-id>	</item>
		<item>
		<title>Working With Steve Jobs</title>
		<link>https://piggott.us/2016/02/working-with-steve-jobs/</link>
		
		<dc:creator><![CDATA[spiggott]]></dc:creator>
		<pubDate>Sat, 06 Feb 2016 16:01:13 +0000</pubDate>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Technology]]></category>
		<guid isPermaLink="false">https://spiggott.wordpress.com/2016/02/06/working-with-steve-jobs/</guid>

					<description><![CDATA[<p>Great article on working with Steve Jobs. By someone who actually worked with him &#8211; former Adobe, NeXT, and Apple employee Glenn Reid. I can still remember some of those early meetings, with 3 or 4 of us in a locked room somewhere on Apple campus, with a lot of whiteboards, talking about what iMovie [&#8230;]</p>
<p>The post <a href="https://piggott.us/2016/02/working-with-steve-jobs/">Working With Steve Jobs</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Great article on working with Steve Jobs. By someone who actually worked with him &#8211; former Adobe, NeXT, and Apple employee Glenn Reid.</p>
<blockquote><p>I can still remember some of those early meetings, with 3 or 4 of us in a locked room somewhere on Apple campus, with a lot of whiteboards, talking about what iMovie should be (and should not be). It was as pure as pure gets, in terms of building software. Steve would draw a quick vision on the whiteboard, we&#8217;d go work on it for a while, bring it back, find out the ways in which it sucked, and we&#8217;d iterate, again and again and again. That&#8217;s how it always went. Iteration. It&#8217;s the key to design, really. Just keep improving it until you have to ship it.</p></blockquote>
<p>I think in many ways Apple still adheres to this philosophy of releasing an MVP and continuously iterating again and again and again until they have a polished, mature product.</p>
<p><a href="http://inventor-labs.com/blog/2011/10/12/what-its-really-like-working-with-steve-jobs.html">Read the full article</a>.</p><p>The post <a href="https://piggott.us/2016/02/working-with-steve-jobs/">Working With Steve Jobs</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">138</post-id>	</item>
		<item>
		<title>Project Comet</title>
		<link>https://piggott.us/2016/01/project-comet/</link>
		
		<dc:creator><![CDATA[spiggott]]></dc:creator>
		<pubDate>Tue, 12 Jan 2016 09:00:00 +0000</pubDate>
				<category><![CDATA[Design]]></category>
		<guid isPermaLink="false">https://spiggott.wordpress.com/?p=102</guid>

					<description><![CDATA[<p>Adobe finally gets serious about UX design in it&#8217;s answer to Bohemian Coding&#8217;s Sketch app with Project Comet. Set to arrive in early 2016, it allows designers to &#8220;Take your UX designs from start to finish with the cross-platform app that lets you do it all — wireframing, visual design, interaction design, prototyping, previewing and sharing. [&#8230;]</p>
<p>The post <a href="https://piggott.us/2016/01/project-comet/">Project Comet</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></description>
										<content:encoded><![CDATA[<p>Adobe finally gets serious about UX design in it&#8217;s answer to Bohemian Coding&#8217;s Sketch app with <a href="http://landing.adobe.com/en/na/products/creative-cloud/comet/229818-notifyme.html" target="_blank">Project Comet</a>. Set to arrive in early 2016, it allows designers to &#8220;Take your UX designs from start to finish with the cross-platform app that lets you do it all — wireframing, visual design, interaction design, prototyping, previewing and sharing. And because it&#8217;s built from the ground up, Comet delivers innovative tools and breakthrough performance to help you design in record time.&#8221;</p>
<p>I&#8217;m hoping it has the best of Sketch combined with the prototyping and sharing capabilities of InVision. I guess we&#8217;ll see pretty soon.</p>
<p><img loading="lazy" decoding="async" data-attachment-id="113" data-permalink="https://piggott.us/2016/01/project-comet/project-comet-2/" data-orig-file="https://piggottcdn.sirv.com/WP_piggott.us/2016/01/project-comet.jpg" data-orig-size="1054,627" data-comments-opened="1" data-image-meta="{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}" data-image-title="project-comet" data-image-description="" data-image-caption="" data-large-file="https://piggottcdn.sirv.com/WP_piggott.us/2016/01/project-comet.jpg?w=702&amp;h=417&amp;scale.option=fill&amp;cw=702&amp;ch=417&amp;cx=center&amp;cy=center" class="alignnone size-full wp-image-113" src="http://scottpiggott.com/wordpress/wp-content/uploads/2016/01/project-comet.jpg" alt="project-comet" width="1054" height="627" srcset="https://piggottcdn.sirv.com/WP_piggott.us/2016/01/project-comet.jpg 1054w, https://piggottcdn.sirv.com/WP_piggott.us/2016/01/project-comet.jpg?w=300&amp;h=178&amp;scale.option=fill&amp;cw=300&amp;ch=178&amp;cx=center&amp;cy=center 300w, https://piggottcdn.sirv.com/WP_piggott.us/2016/01/project-comet.jpg?w=768&amp;h=457&amp;scale.option=fill&amp;cw=768&amp;ch=457&amp;cx=center&amp;cy=center 768w, https://piggottcdn.sirv.com/WP_piggott.us/2016/01/project-comet.jpg?w=1024&amp;h=609&amp;scale.option=fill&amp;cw=1024&amp;ch=609&amp;cx=center&amp;cy=center 1024w" sizes="auto, (max-width: 1054px) 100vw, 1054px" /></p><p>The post <a href="https://piggott.us/2016/01/project-comet/">Project Comet</a> first appeared on <a href="https://piggott.us">Scott Piggott</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">102</post-id>	</item>
	</channel>
</rss>
