large_Crossover Series NFTs.png

medium_Crossover Series NFTs.png

small_Crossover Series NFTs.png

thumbnail_Crossover Series NFTs.png

From Photography to NFT Art: Twisted Digital Landscapes with Nate Hill

From Design System to ‘NFT Design System’: Creating TinyFaces

Neurodiversity and Inclusion: Choosing Kinder Design

medium_652ccf22c8853584bde5553986a4eed0.png

small_652ccf22c8853584bde5553986a4eed0.png

thumbnail_652ccf22c8853584bde5553986a4eed0.png

Web5 is here. Goodbye Web3? TBD.

Published on <a href="https://blog.prototypr.io/rhythm-is-a-dancer-1e5bd3a702bd?source=rss----eb297ea1161a---4">| Prototyping: From UX to Front End &mdash; Medium</a> Aleksandra Melnikova 
<h4>Or let’s brainstorm poetically</h4>
I was looking for an ideation tool, a trigger to find new ways of drawing lots of stuff, quickly, iteratively or to push the boundary of usual barnstorming just an inch. Reverse brainstorming and similar techniques were all tried out, and I was just looking for a tool to trigger variety (of thoughts) without spending enormous amounts of time. A smart and quirky framework, a method, a thought — anything that helps us fight “I have had a look online and there are lots of websites that do it” kind of way.
And this is where it hit me. Drawing, in its main aspects, is largely rhythmical. What is a composition on paper if not switching between volumes / types of objects (light / dark / large / small) in an attempt to create visual rhythm and impact? What else has a very clear rhythmic structure? Poetry does.
So why not base our sketching exercise on metic feet? Let’s see how far we get, and what results could it bring us.
<h3>Exploring metrical feet</h3>
Most of us know these from school lessons of poetry &#8211; I remembered just about 6 out of 12 (and had a lot of fun getting back into it now and filling my own knowledge gaps). There’s nothing too complicated: it’s mainly about a combination of stressed / unstressed syllables within a word / phrase which, in turn, creates a recognisable rhythm within a verse.
<h4>2 syllable metrical feet</h4>
<ol>
<li>IAMB an unstressed syllable followed by a stressed syllable (as in “The way a crow Shook down on me…” — Dust of Snow by Robert Frost)</li>
<li>TROCHEE (CHOREE) a stressed syllable followed by an unstressed one (as in “Tyger! Tyger! burning bright In the forests of the night…” — The Tyger by William Blake)</li>
<li>SPONDEE two stressed syllables (as in “By the shore of Gitche Gumee, By the shining Big–Sea–Water…” — The Song of Hiawatha by Henry Wordsworth Longfellow)</li>
<li>PYRRHUS two unaccented, short syllables (as in “When the blood creeps and the nerves prick…” — In Memoriam by Alfred Tennyson)</li>
</ol>
<h4>3 syllable metrical feet</h4>
<ol>
<li>TRIBRACH three unstressed syllables (rarely appears in English poetry)</li>
<li>DACTYL a stressed syllable followed by two unstressed syllables</li>
<li>ANTIBACCHIUS two stressed syllables followed by an unstressed syllable</li>
<li>CRETIC stressed syllable, unstressed syllable, stressed syllable</li>
<li>MOLOSSUS three long syllables (rarely appears in English poetry as it is too easily interpreted as two feet)</li>
<li>AMPHIBRACH a stressed syllable surrounded by two unstressed syllables</li>
<li>BACCHIUS one unstressed syllable followed by two stressed ones</li>
<li>ANAPEST two unstressed syllables followed by one stressed syllable</li>
</ol>
…In case you were too lazy to read all the detail of metric feet above, here’s a diagram for you (Large circle = stressed syllable, small circle = unstressed syllable).
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*blr6cfcq_tq3opOMu_TL5Q.jpeg">
Now, how do we apply this to the UX ideation process? Imagine a page template. Let’s play.
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*zzGaTqzMmDpCvsl4wktFQQ.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*z90B3t6N7Rjt5HxwonAVBw.jpeg"><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*Ba0YoP8_Qy-UwnKfAVf3mA.jpeg">
<h3>Real-life examples</h3>
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*G-wxyveAsDUdxK9O35LiYg.png">source: <a href="http://cuberto.com/projects/">http://cuberto.com/projects/</a>
One example I can think of where I saw a fairly unusual, yet very justified and impactful site geometry was these guys. Pretty sure they haven’t used this method, but it would be a perfect example of Cretic (stressed-unstressed-stressed).
<img alt="" src="https://cdn-images-1.medium.com/max/1024/1*-BjC4W7XXVPvn_qukdaXMQ.png">source: <a href="http://www.buildinamsterdam.com/cases">http://www.buildinamsterdam.com/cases</a>
Or these guys here, with their sleek triptych which smoothly transitions into a side scroll, good example of what we were referring to as Molossus (all three stressed syllables).
The possibilities are endless here. We can apply it to content — think varying strength of messaging — to data analysis and intensity — to almost any aspect of the experience. This method reminds me of a fashion design technique: when you move a stencil of the garment over different images, textures or even objects, creating random yet structured patterns which you can later apply to the actual garment. Magic may happen as a result of mathematical action.
I’ve tried this out during our brainstorming activities and it has led to interesting results so far. Would love to get your thoughts on it!
<a href="https://twitter.com/alex_andr_a">@alex_andr_a</a> is an Experience Design Director, a bit of a book nerd, a metaphor addict and a good wine lover. Identifying intelligent thoughts and thinking them again, as prescribed by Goethe.
<img src="https://medium.com/_/stat?event=post.clientViewed&amp;referrerSource=full_rss&amp;postId=1e5bd3a702bd" width="1" height="1" alt="stat?event=post.clientViewed&amp;referrerSou">
<hr>
<a href="https://blog.prototypr.io/rhythm-is-a-dancer-1e5bd3a702bd">Rhythm is a dancer</a> was originally published in <a href="https://blog.prototypr.io">prototypr</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.

Rhythm is a dancer

Rhythm is a dancer

Or let’s brainstorm poetically

Top Stories