Design News, March 2018

Every month, Michel Karam and Spiria's UX/UI design team share their findings. March 2018.
Design
Spiria's Design Team
2018-10-27 13:01
5 minute read
<h2>Are microframes the future of wireframing?</h2> <p><picture><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-1.400x0.webp" type="image/webp" media="(max-width: 599px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-1.760x0.webp" type="image/webp" media="(max-width: 999px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-1.1039x0.webp" type="image/webp" media="(min-width: 1000px)" /><img title="Are microframes the future of wireframing?" src="https://mirror.spiria.com/site/assets/files/2249/1803-design-1.webp" alt="Are microframes the future of wireframing?" /></picture></p> <p>Microframes are the bonzai version of wireframe mock-ups. This article addresses the new prototyping approach that provides a high-level treatment of interfaces and their use.</p> <p lang="fr" xml:lang="fr">⇨ <em>Creative Bloq</em>, “<a href="https://www.creativebloq.com/features/are-microframes-the-future-of-wireframing">Are microframes the future of wireframing?</a>.”</p> <p> </p> <h2>The future of the Web is… Email</h2> <p><picture><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-2.400x0.webp" type="image/webp" media="(max-width: 599px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-2.760x0.webp" type="image/webp" media="(max-width: 999px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-2.1039x0.webp" type="image/webp" media="(min-width: 1000px)" /><img title="The future of the Web is… Email." src="https://mirror.spiria.com/site/assets/files/2249/1803-design-2.webp" alt="The future of the Web is… Email." /></picture></p> <p>Google believes that the future of the Web is Email. According to them, smartphones will be all about this communication tool which was born way back at the Big Bang of the Internet.</p> <p lang="fr" xml:lang="fr">⇨ <em>Co.design</em>, “<a href="https://www.fastcodesign.com/90160460/google-thinks-the-future-of-the-web-is-email">Google thinks the future of the Web is… Email</a>.”</p> <p> </p> <h2>CommArts winners of Interactive Design</h2> <p><picture><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-3.400x0.webp" type="image/webp" media="(max-width: 599px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-3.760x0.webp" type="image/webp" media="(max-width: 999px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-3.1039x0.webp" type="image/webp" media="(min-width: 1000px)" /><img title="CommArts winners of Interactive Design." src="https://mirror.spiria.com/site/assets/files/2249/1803-design-3.webp" alt="CommArts winners of Interactive Design." /></picture></p> <p>See the winners of the Interactive Design category of Communication Arts magazine’s yearly competition. And while you’re at it, have a peek at the winners in the other categories.</p> <p lang="fr" xml:lang="fr">⇨ <em>Communication Arts</em>, “<a href="https://www.fastcodesign.com/90160460/google-thinks-the-future-of-the-web-is-email">Interactive Gallery</a>.”</p> <p> </p> <h2>Google Flutter in beta mode</h2> <p><picture><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-4.400x0.webp" type="image/webp" media="(max-width: 599px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-4.760x0.webp" type="image/webp" media="(max-width: 999px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-4.1039x0.webp" type="image/webp" media="(min-width: 1000px)" /><img title="Google Flutter in beta mode." src="https://mirror.spiria.com/site/assets/files/2249/1803-design-4.webp" alt="Google Flutter in beta mode." /></picture></p> <p>At the last World Mobile Congress, Google announced that <a href="https://flutter.io">Flutter</a>, its new UI framework for developing native interfaces for iOS and Android applications, is now available in beta mode. Free and open-source.</p> <div></div> <p lang="fr" xml:lang="fr">⇨ <em>YouTube</em>, “<a href="https://www.youtube.com/watch?v=fq4N0hgOWzU">Google Developers, Introducing Flutter</a>.”</p> <p> </p> <h2>Moqups: prototypes and site-maps</h2> <p><picture><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-5.400x0.webp" type="image/webp" media="(max-width: 599px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-5.760x0.webp" type="image/webp" media="(max-width: 999px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-5.1039x0.webp" type="image/webp" media="(min-width: 1000px)" /><img title="Moqups: prototypes and site-maps." src="https://mirror.spiria.com/site/assets/files/2249/1803-design-5.webp" alt="Moqups: prototypes and site-maps." /></picture></p> <p>Moqups is an on-line tool that’s not exactly new on the prototyping application market. But this solution offers a “Plan” function, to create a project’s structure and hierarchy in flowchart/site-map mode.</p> <p lang="fr" xml:lang="fr">⇨ <em><a href="https://moqups.com">Moqups</a></em>.</p> <p> </p> <h2>An entire library dedicated to interactive design and usability</h2> <p><picture><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-6.400x0.webp" type="image/webp" media="(max-width: 599px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-6.760x0.webp" type="image/webp" media="(max-width: 999px)" /><source srcset="https://mirror.spiria.com/site/assets/files/2249/1803-design-6.1039x0.webp" type="image/webp" media="(min-width: 1000px)" /><img title="Interaction Design Foundation." src="https://mirror.spiria.com/site/assets/files/2249/1803-design-6.jpg" alt="Interaction Design Foundation." /></picture></p> <p>The Interaction Design Foundation has dedicated an entire, rich section of its Web site to the history, features and principles of interactive design, usability and what is now called “user experience”.</p> <p lang="fr" xml:lang="fr">⇨ <em>Interaction Design Foundation</em>, “<a href="https://www.interaction-design.org/literature">Literature</a>.”</p>

Want to Work Together?

Every great project starts with a conversation.