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