CINXE.COM

<!doctype html><html lang="en-US" prefix="og: http://ogp.me/ns#"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><link rel="profile" href="http://gmpg.org/xfn/11"><link rel="me" href="https://social.librem.one/@purism"/><link type="text/css" media="all" href="https://puri.sm/wp-content/cache/autoptimize/css/autoptimize_19761ca5e73e442b50986a16fed126d5.css" rel="stylesheet" /><title>User interaction design Archives – Purism</title><link rel="canonical" href="https://puri.sm/posts/tag/ixd/" /><link rel="next" href="https://puri.sm/posts/tag/ixd/page/2/" /><meta property="og:locale" content="en_US" /><meta property="og:type" content="object" /><meta property="og:title" content="User interaction design Archives – Purism" /><meta property="og:url" content="https://puri.sm/posts/tag/ixd/" /><meta property="og:site_name" content="Purism" /><meta property="og:image" content="https://puri.sm/wp-content/uploads/2019/04/purism_graphic-2-1024x448.png" /><meta property="og:image:secure_url" content="https://puri.sm/wp-content/uploads/2019/04/purism_graphic-2-1024x448.png" /><meta property="og:image:width" content="1024" /><meta property="og:image:height" content="448" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="User interaction design Archives – Purism" /><meta name="twitter:image" content="https://puri.sm/wp-content/uploads/2019/04/purism_graphic-2-1024x448.png" /> <script type='application/ld+json'>{"@context":"https://schema.org","@type":"Organization","url":"https://puri.sm/","sameAs":[],"@id":"https://puri.sm/#organization","name":"Purism SPC","logo":"https://puri.sm/wp-content/uploads/2020/11/purism-logo-no-text.png"}</script> <link rel="alternate" type="application/rss+xml" title="Purism » Feed" href="https://puri.sm/feed/" /><link rel="alternate" type="application/rss+xml" title="Purism » Comments Feed" href="https://puri.sm/comments/feed/" /><link rel="alternate" type="application/rss+xml" title="Purism » User interaction design Tag Feed" href="https://puri.sm/posts/tag/ixd/feed/" /><link rel='stylesheet' id='sccss_style-css' href='https://puri.sm/?sccss=1&ver=4.9.26' type='text/css' media='all' /> <link rel='stylesheet' id='tablepress-responsive-css' href='https://puri.sm/wp-content/plugins/tablepress-responsive-tables/tablepress-responsive.min.css?ver=1.2' type='text/css' media='all' />  <script type='text/javascript' src='https://puri.sm/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript'>var inlineFootNotesVars = {"hover":""};</script> <script type='text/javascript'>var ajaxurl = "https:\/\/puri.sm\/wp-admin\/admin-ajax.php";</script> <link rel='https://api.w.org/' href='https://puri.sm/wp-json/' /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://puri.sm/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://puri.sm/wp-includes/wlwmanifest.xml" /><meta name="generator" content="WordPress 4.9.26" /> <script>var _mtm = window._mtm = window._mtm || []; _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'}); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src='https://stats.puri.sm/js/container_LAXCS07c.js'; s.parentNode.insertBefore(g,s);</script> <script>var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(["setDocumentTitle", document.domain + "/" + document.title]); _paq.push(["setCookieDomain", "*.puri.sm"]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://stats.puri.sm/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '2']); })();</script> <script src="https://stats.puri.sm/matomo.js"></script> <link rel="icon" href="https://puri.sm/wp-content/uploads/2020/04/cropped-purism-logo-rectangle-1-32x32.png" sizes="32x32" /><link rel="icon" href="https://puri.sm/wp-content/uploads/2020/04/cropped-purism-logo-rectangle-1-192x192.png" sizes="192x192" /><link rel="apple-touch-icon-precomposed" href="https://puri.sm/wp-content/uploads/2020/04/cropped-purism-logo-rectangle-1-180x180.png" /><meta name="msapplication-TileImage" content="https://puri.sm/wp-content/uploads/2020/04/cropped-purism-logo-rectangle-1-270x270.png" /></head><body class="archive tag tag-ixd tag-251 hfeed wp-purism"><div id="page" class="app"><header id="masthead" class="navigation-top container"><div class="brand"> <a href="https://puri.sm/" rel="home"> <img src="https://puri.sm/wp-content/themes/wp-purism/images/brand.svg" alt="Purism" /> </a></div> <button class="navigation-toggle" aria-controls="primary-menu" aria-expanded="false"> <span class="ion-navicon-round"></span> </button><nav id="site-navigation" class="pages"><div class="menu-primary-menu-container"><ul id="primary-menu" class="menu"><li id="menu-item-68129" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-68129"><a href="http://shop.puri.sm/">Store</a></li><li id="menu-item-69249" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69249"><a href="https://puri.sm/products/">Products</a></li><li id="menu-item-9338" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9338"><a href="https://puri.sm/news/">News & Events</a></li><li id="menu-item-66416" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-66416"><a href="https://puri.sm/about/">About</a></li><li id="menu-item-8884" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-8884"><a>Support</a><ul class="sub-menu"><li id="menu-item-8885" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8885"><a href="https://puri.sm/contact/">Contact</a></li><li id="menu-item-63319" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-63319"><a href="http://docs.puri.sm/">Documentation</a></li><li id="menu-item-160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-160"><a title="Frequently Asked Questions" href="https://puri.sm/faq/">FAQ</a></li><li id="menu-item-19156" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-19156"><a href="https://forums.puri.sm/">Forums</a></li><li id="menu-item-61056" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61056"><a href="https://shop.puri.sm/my-account/">My Account</a></li></ul></li><li id="menu-item-66417" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-66417"><a href="https://pureos.net/">PureOS</a></li></ul></div></nav></header><div class="h-entry"><div style="padding: 70px;"></div></div><div class="empty-header"></div><div class="section blog-gallery h-feed"><div class="container"><div class="row grid blog-gallery__featured h-entry"><div class="column-8"><div class="blog-gallery__hero"><a href="https://puri.sm/posts/design-2022-in-retrospect/" rel="bookmark"><img width="4096" height="2160" src="https://puri.sm/wp-content/uploads/2023/01/adwaita-l.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://puri.sm/wp-content/uploads/2023/01/adwaita-l.jpg 4096w, https://puri.sm/wp-content/uploads/2023/01/adwaita-l-300x158.jpg 300w, https://puri.sm/wp-content/uploads/2023/01/adwaita-l-768x405.jpg 768w, https://puri.sm/wp-content/uploads/2023/01/adwaita-l-1024x540.jpg 1024w" sizes="(max-width: 4096px) 100vw, 4096px" /></a></div></div><div class="column-4"><h3>Tag: User interaction design</h3><h4><a href="https://puri.sm/posts/design-2022-in-retrospect/" rel="bookmark" class="p-name u-url">Design 2022 in Retrospect</a></h4> <span class="ion-calendar"></span> <time class="dt-published" datetime="2023-02-02 20:17:52">February 2, 2023</time></div></div><div class="row grid blog-gallery__row"></div><div class="row grid blog-gallery__row"><div class="column-4 h-entry"><div class="blog-gallery__hero"><a href="https://puri.sm/posts/to-byzantium-and-beyond/" rel="bookmark"><img width="800" height="450" src="https://puri.sm/wp-content/uploads/2022/01/byzantium.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://puri.sm/wp-content/uploads/2022/01/byzantium.png 800w, https://puri.sm/wp-content/uploads/2022/01/byzantium-300x169.png 300w, https://puri.sm/wp-content/uploads/2022/01/byzantium-768x432.png 768w" sizes="(max-width: 800px) 100vw, 800px" /></a></div><h4><a href="https://puri.sm/posts/to-byzantium-and-beyond/" rel="bookmark" class="p-name u-url">To Byzantium and Beyond</a></h4> <span class="ion-calendar"></span> <time class="dt-published" datetime="2022-01-24 17:59:57">January 24, 2022</time></div><div class="column-4 h-entry"><div class="blog-gallery__hero"><a href="https://puri.sm/posts/throwback-to-2021-more-from-librem-5-in-2022/" rel="bookmark"><img width="1920" height="1080" src="https://puri.sm/wp-content/uploads/2021/07/5-phones-with-apps-1.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://puri.sm/wp-content/uploads/2021/07/5-phones-with-apps-1.png 1920w, https://puri.sm/wp-content/uploads/2021/07/5-phones-with-apps-1-300x169.png 300w, https://puri.sm/wp-content/uploads/2021/07/5-phones-with-apps-1-768x432.png 768w, https://puri.sm/wp-content/uploads/2021/07/5-phones-with-apps-1-1024x576.png 1024w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></div><h4><a href="https://puri.sm/posts/throwback-to-2021-more-from-librem-5-in-2022/" rel="bookmark" class="p-name u-url">Throwback to 2021, More from Librem 5 in 2022</a></h4> <span class="ion-calendar"></span> <time class="dt-published" datetime="2022-01-14 19:51:23">January 14, 2022</time></div><div class="column-4 h-entry"><div class="blog-gallery__hero"><a href="https://puri.sm/posts/2021-year-in-review-design/" rel="bookmark"><img src="https://puri.sm/wp-content/uploads/2022/01/pureos-header-cropped.png" alt="" /></a></div><h4><a href="https://puri.sm/posts/2021-year-in-review-design/" rel="bookmark" class="p-name u-url">2021 Year in Review: Design</a></h4> <span class="ion-calendar"></span> <time class="dt-published" datetime="2022-01-10 17:00:31">January 10, 2022</time></div></div><div class="row grid blog-gallery__row"><div class="column-4 h-entry"><div class="blog-gallery__hero"><a href="https://puri.sm/posts/making-a-platform-adaptive-for-everyone/" rel="bookmark"><img width="2000" height="2000" src="https://puri.sm/wp-content/uploads/2021/06/adwaita-leaflet.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Adwaita demo showing the Leaflet widget" srcset="https://puri.sm/wp-content/uploads/2021/06/adwaita-leaflet.png 2000w, https://puri.sm/wp-content/uploads/2021/06/adwaita-leaflet-150x150.png 150w, https://puri.sm/wp-content/uploads/2021/06/adwaita-leaflet-300x300.png 300w, https://puri.sm/wp-content/uploads/2021/06/adwaita-leaflet-768x768.png 768w, https://puri.sm/wp-content/uploads/2021/06/adwaita-leaflet-1024x1024.png 1024w" sizes="(max-width: 2000px) 100vw, 2000px" /></a></div><h4><a href="https://puri.sm/posts/making-a-platform-adaptive-for-everyone/" rel="bookmark" class="p-name u-url">Making a Platform Adaptive for Everyone</a></h4> <span class="ion-calendar"></span> <time class="dt-published" datetime="2021-06-10 18:13:00">June 10, 2021</time></div><div class="column-4 h-entry"><div class="blog-gallery__hero"><a href="https://puri.sm/posts/the-design-behind-a-modular-and-secure-mobile-phone/" rel="bookmark"><img width="1920" height="1080" src="https://puri.sm/wp-content/uploads/2020/08/l5-exploded-view.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://puri.sm/wp-content/uploads/2020/08/l5-exploded-view.png 1920w, https://puri.sm/wp-content/uploads/2020/08/l5-exploded-view-300x169.png 300w, https://puri.sm/wp-content/uploads/2020/08/l5-exploded-view-768x432.png 768w, https://puri.sm/wp-content/uploads/2020/08/l5-exploded-view-1024x576.png 1024w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></div><h4><a href="https://puri.sm/posts/the-design-behind-a-modular-and-secure-mobile-phone/" rel="bookmark" class="p-name u-url">The design behind a modular and secure mobile phone</a></h4> <span class="ion-calendar"></span> <time class="dt-published" datetime="2020-08-26 17:28:11">August 26, 2020</time></div><div class="column-4 h-entry"><div class="blog-gallery__hero"><a href="https://puri.sm/posts/librem-14-thoughts-from-a-cg-artist/" rel="bookmark"><img width="1920" height="1080" src="https://puri.sm/wp-content/uploads/2020/07/librem14-monitors-1.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://puri.sm/wp-content/uploads/2020/07/librem14-monitors-1.png 1920w, https://puri.sm/wp-content/uploads/2020/07/librem14-monitors-1-300x169.png 300w, https://puri.sm/wp-content/uploads/2020/07/librem14-monitors-1-768x432.png 768w, https://puri.sm/wp-content/uploads/2020/07/librem14-monitors-1-1024x576.png 1024w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></div><h4><a href="https://puri.sm/posts/librem-14-thoughts-from-a-cg-artist/" rel="bookmark" class="p-name u-url">Librem 14 Thoughts From a CG Artist</a></h4> <span class="ion-calendar"></span> <time class="dt-published" datetime="2020-07-29 16:35:34">July 29, 2020</time></div></div><div class="row grid blog-gallery__row"><div class="column-4 h-entry"><div class="blog-gallery__hero"><a href="https://puri.sm/posts/designing-an-icon-for-your-app/" rel="bookmark"><img width="825" height="510" src="https://puri.sm/wp-content/uploads/2020/02/featured-image-825x510.png" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://puri.sm/wp-content/uploads/2020/02/featured-image-825x510.png 825w, https://puri.sm/wp-content/uploads/2020/02/featured-image-825x510-300x185.png 300w, https://puri.sm/wp-content/uploads/2020/02/featured-image-825x510-768x475.png 768w" sizes="(max-width: 825px) 100vw, 825px" /></a></div><h4><a href="https://puri.sm/posts/designing-an-icon-for-your-app/" rel="bookmark" class="p-name u-url">Designing an Icon for Your App</a></h4> <span class="ion-calendar"></span> <time class="dt-published" datetime="2020-02-19 16:08:05">February 19, 2020</time></div><div class="column-4 h-entry"><div class="blog-gallery__hero"><a href="https://puri.sm/posts/2019-year-in-review-design/" rel="bookmark"><img width="2976" height="3968" src="https://puri.sm/wp-content/uploads/2020/01/francesca-libardi-1pxXDjUFyqY-unsplash.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="" srcset="https://puri.sm/wp-content/uploads/2020/01/francesca-libardi-1pxXDjUFyqY-unsplash.jpg 2976w, https://puri.sm/wp-content/uploads/2020/01/francesca-libardi-1pxXDjUFyqY-unsplash-225x300.jpg 225w, https://puri.sm/wp-content/uploads/2020/01/francesca-libardi-1pxXDjUFyqY-unsplash-768x1024.jpg 768w" sizes="(max-width: 2976px) 100vw, 2976px" /></a></div><h4><a href="https://puri.sm/posts/2019-year-in-review-design/" rel="bookmark" class="p-name u-url">2019 Year in Review: Design</a></h4> <span class="ion-calendar"></span> <time class="dt-published" datetime="2020-01-07 12:42:17">January 7, 2020</time></div><div class="column-4 h-entry"><div class="blog-gallery__hero"><a href="https://puri.sm/posts/librem-one-design-principles-simple-secure-applications/" rel="bookmark"><img width="1920" height="1080" src="https://puri.sm/wp-content/uploads/2019/07/librem.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="Personas sketchbook" srcset="https://puri.sm/wp-content/uploads/2019/07/librem.jpg 1920w, https://puri.sm/wp-content/uploads/2019/07/librem-300x169.jpg 300w, https://puri.sm/wp-content/uploads/2019/07/librem-768x432.jpg 768w, https://puri.sm/wp-content/uploads/2019/07/librem-1024x576.jpg 1024w" sizes="(max-width: 1920px) 100vw, 1920px" /></a></div><h4><a href="https://puri.sm/posts/librem-one-design-principles-simple-secure-applications/" rel="bookmark" class="p-name u-url">Librem One Design Principles: Simple, Secure Applications</a></h4> <span class="ion-calendar"></span> <time class="dt-published" datetime="2019-07-23 12:38:59">July 23, 2019</time></div></div><nav class="navigation posts-navigation" role="navigation"><h2 class="screen-reader-text">Posts navigation</h2><div class="nav-links"><div class="nav-previous"><a href="https://puri.sm/posts/tag/ixd/page/2/" >Older posts</a></div></div></nav></div></div><hr><footer id="colophon" class="footer"><div class="container"><div class="row grid"><div class="column-4"><h5>Resources</h5><div class="menu-footer-1-container"><ul id="resources-menu" class="menu"><li id="menu-item-61372" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61372"><a href="https://puri.sm/pr/">Press Room</a></li><li id="menu-item-61371" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61371"><a href="https://puri.sm/enterprise/">Enterprise</a></li><li id="menu-item-61165" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-61165"><a href="https://developer.puri.sm/">Developers</a></li><li id="menu-item-69871" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-69871"><a href="https://puri.sm/purism-librem-affiliate-program/">Affiliates</a></li><li id="menu-item-70189" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70189"><a href="https://puri.sm/pages/">Pages</a></li><li id="menu-item-80268" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-80268"><a href="https://puri.sm/videos/">Videos</a></li></ul></div></div><div class="column-4"><h5>About Purism</h5><div class="menu-footer-2-container"><ul id="about-menu" class="menu"><li id="menu-item-70774" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70774"><a href="https://puri.sm/security/">Security</a></li><li id="menu-item-61035" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61035"><a href="https://puri.sm/jobs/">Jobs</a></li><li id="menu-item-66415" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66415"><a href="https://puri.sm/policies/">Policies</a></li><li id="menu-item-66413" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66413"><a href="https://puri.sm/contributing/">Get involved</a></li><li id="menu-item-61038" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-61038"><a href="https://puri.sm/warrant-canary/">Warrant Canary</a></li></ul></div></div><div class="column-4 brands"><form class="newsletter-form" method="POST" action="https://announce.puri.sm/subscribe/announce"><h5>Newsletter</h5><p class="hint">Want to get announcements & news digests once in a while?</p><p class="hint">To subscribe, email <a href="mailto:text@puri.sm?subject=subscribe%20newsletter">text@puri.sm</a> with the subject "subscribe newsletter".</p><hr/><p class="hint hint--subtle">You will receive an automated e-mail you will need to reply to to confirm your subscription.</p></form><div class="social-brands"> <a href="https://puri.sm/feed/"><span class="ion-social-rss"></span></a> <a rel="nofollow me" target="_blank" href="https://social.librem.one/@purism"><img src="https://puri.sm/wp-content/themes/wp-purism/images/social-symbolic.svg" alt="Safe, public social media with millions of people already active" class="social-icon-mastodon" /></a> <a rel="nofollow" target="_blank" href="https://matrix.to/#/#community-general:talk.puri.sm"><img src="https://puri.sm/wp-content/themes/wp-purism/images/messages-symbolic.svg" alt="Librem Chat - End-to-end encrypted chat, VoIP, and video calling used by millions of people" class="social-icon-mastodon" /></a></div></div></div></div></footer><hr /><div class="section legal"><div class="container"> <a href="https://puri.sm/" class="brand"> <img src="https://puri.sm/wp-content/themes/wp-purism/images/brand.svg" alt="Purism" /> </a><p>3D renders are artist renderings, for illustration purposes. Images and specifications are subject to change depending on manufacturing requirements.</p><p>Unless otherwise noted, contents created by the Purism team on this website are copyleft with a CC-by-SA 4.0 license.</p></div></div></div> <script type="text/javascript" defer src="https://puri.sm/wp-content/cache/autoptimize/js/autoptimize_680c3ed32cb6ef88fec47b5ed2b2b8bd.js"></script></body></html>