Newsletters > Issue #3: A ‘UX Research Shootout’ ๐Ÿค  + Teaching Yourself UX Design ๐Ÿ“š










A ‘UX Research Shootout’ ๐Ÿค  + Teaching Yourself UX Design ๐Ÿ“š








Prototypr.io

Design, Prototyping and Inspiration

Welcome to Issue #3

  • There’s a ‘UX shootout‘ this week, ๐Ÿค  with Barry Prendergast setting the record straight on the importance of design research.

  • We also have prototyping updates, & tips to bridge the designer/dev gap with some CSS magic.

Check it out ๐Ÿ‘‡

โ˜•๏ธ 3 Top Stories

From essential UX resources to a User Research shootout:

1. How to Teach Yourself UX Design ๐Ÿ“š

Kai-Ting Huang, Interaction designer at Google, tells us of her amazing learning journey from college to the design industry, also sharing a living list of UX resources for self-starters.


Read Now

2. My Response to โ€œUser Research Is Overratedโ€

Must read. Barry Prendergast shoots down Jonathan Courtney’s gung ho opinions that user research is a waste of time. ๐Ÿ”ซ


Read Now

3. How to Construct a Design System ๐Ÿ“

Colm Tuite shares some tips for designing and building a consistent design system over on the freeCodeCamp blog.


Read Now

โš’ 3 Prototyping Picks

A roundup of prototyping tips and tricks from around the web:

1. Stop Talking and Start Sketching – Paper Prototyping Tips

Graeme Fulton shares a tips and tricks for paper prototyping over on the Marvel blog. โœ‚๏ธ


Read Now

2. Documenting Animations in the Prototyping Process

Dennis Hatwieger helps designers integrate their animations into a design language, and demonstrates his theory with a prototype!


Read Now

3. Building Programming Principles into Design Tools

Figma are making design systems easier to create, maintain and use across an entire team with their release of Team Libraries.


Read Now

โœจ 3 CSS Tricks

Here’s some CSS magic that can help us think across the designer/dev gap:

1. Introducing Stacksโ€Šโ€”โ€ŠFlexbox for Sketch

Anima App give Sketch app users the ability to apply Flexbox technology directly in Sketch. Designers can now think and design in terms of Columns, Rows, and Grids.


Read Now

3. CSS Animations Like a Pro

Ibrahim Nergiz on creating animation magic using keyframes and animation properties such as timing, delay, and play state.


Learn Now

3. Margin or Padding? ๐Ÿค”

โ€œWhen should I use margin? When should I use padding? Does it even matter?โ€ Philipp Sporrer lets us know.


Learn Now

๐Ÿ™ Thanks for reading the 3rd edition.

As usual, here are 3 prototype interactions to round things off – made with prototyping tools such as Framer and Principle.

Extra: โค๏ธ 3 Awesome Prototypes

Adapt Shopping Cart

We keep experimenting with the visual data adaptation in different cases. Here is the Framer prototype of Shopping cart of iOS app. Depending on the height cart container, the user sees a different views of its content. What comes next? More details. Link to the Framer prototype http://share.framerjs.com/h2qvkj5ocbe8/

Product Browsing

Interaction for product browsing ๐Ÿ’ป

Travel Details

The simple user flow of adding your travel details in the hostel app. Get in touch ๐Ÿ’Œ

๐Ÿ‘‹ Don’t forget to say hi

For more regular updates, follow us on Twitter and Facebook. Share with your friends, by hitting forward.

Oh, if you got this far, here’s some weekend watching for you ๐Ÿ™‚ enjoy your weekend!

โ–ถ๏ธ 10 Videos All Designers Should Watch

Facebook

Twitter

Prototypr

Coming to you with <3 from Spain this week.


SHARE


TWEET


FORWARD


MailerLite