Newsletters > Issue #16: πŸ’Ž Designing for VR and Turn Sketch Files into Prototypes, Without Leaving Sketch!










πŸ’Ž Designing for VR and Turn Sketch Files into Prototypes, Without Leaving Sketch!








Prototypr.io

Design, Prototyping and Inspiration

First up in issue #16, we’ve got a big 5 from the prototypr.io publication, followed by loads of prototyping news in section 2:

  1. 5 from the Publication
  2. 10 for the Toolbox πŸ› 
  3. More Links!

Hope you enjoy all this stuff we’ve put together!

🎀 Big 5 from the Publication

We had some epic pieces in the prototypr.io publication this week, πŸ‘€ check these out:

1. Creating Personas: A guide, not a template

Ben Ralph shows us how research should inform the layout of a persona, and why blindly following templates misses the point. He goes on to share some great tips to help you craft truly useful personas.


Create useful personas!

2. Designing for VR | A Beginners Guide

Blake Hudelson shows us how the best way to learn about VR is in VR! In his beginners guide to VR, you’ll learn to think beyond rectangles, and how to really get the feel for 360 space, as well as tools and frameworks to get you started.


Jump into Virtual Reality

3. How to see: mindset & design thinking

Judy Ko helps us understand visual literacy and seeing as a discipline through thoughtful extracts from George Nelsons book, “How to See: Visual Adventures in a World God Never Made”.


Read now

4. I got frustrated with an app, so I redesigned it

After DOT (a Danish public transport comany) redesigned their ticket app with a new Material Design UI, Signe Roswall found a bunch of usability issues. Instead of complaining, she’s offered some solutions πŸ‘


Read now

5. How better onboarding cut our drop-off rate

Rob McWhirter explains how Twine overhauled their onboarding pages, making good use of copy writing which helped improve dropout rates from around 65% to just 30%. He shows how important UX writing can be for a product.


Find out how!

πŸ›  10 for the Toolbox

Here are 10 updates for your toolbox – from new prototyping tools, to tutorials and apps that can help with your workflow:

1. Mirr.ioβ€Šβ€”β€Šturn Sketch files into shareable prototypes, without leaving sketch.

Mulhoon introduces Mirr.io from @normallystudio. Just after InVision launched a ‘prototype in Sketch’ feature to Craft, Mirr.io comes out of seemingly nowhere to really enable prototyping in Sketch. “Mirr.io aims to focus on the designer’s flow when working in Sketch. Keeping you designing and thinking in Sketch without hopping between other services.”


Try this tool!

2. Font inspiration

Lettering, type and font inspiration split into helpful categories and a journal of awesome font combinations.


Get font inspiration

3. Working with Behaviours in Flinto: Parts 1 and 2

A 2 part series where Marc Andrew, author of Sketch App Essentials, introduces Flinto’s Behaviour Designer through the creation of a movie app.


Learn about Flinto

4. Basic Navigation with Sketch and Invision’s Craft Prototype Plugin

Stewart Curry shows us how to set up a simple menu in Sketch for your click-through Invision prototypes, including downloadable content, and his final prototype.


Learn now

5. You Are Going to Switch to Figma

Tom Johnson gives us a fresh comparison on Sketch and Figma. From being a die hard Sketch fan and initially scoffing at Figma being browser based, Tom tells us why he’s warmed to Figma…but will you really switch based on this? 😈


Pick a color

6. UXPin Design Systems Platform

Here’s UXPin’s effort of design, collaboration, and dev handoff. “Not just a style guide or pattern library, but a complete system of implementation guidelines, assets, interactive patterns, and synced documentation.”


Find out more

7. Data Gif Maker by Google News Lab

Enter two data points (e.g. two competing search interests), choose colours, add text, and launch your data comparison!


Visualize some data

8. Fontjoy: Font pairing made simple

Fontjoy is a font pairing tool created by Jack Qiao that makes use of deep learning to create novel font combinations.


Pair some fonts

9. Workspaces by Apptorium

“Workspaces is an app that remembers your project resources, so you can quickly open them.”


Try the app

10. Stockmagic for Mac by Panda

A free app to download images straight from your menu bar. You may want to grab Vanilla too!


Try the app

πŸ”₯ More Links this Week

RIP Web Forms β€” You Will Not Be Missed!

Web forms are annoying, inefficient and they fill people with dread. Does anybody actually like filling out web forms? Nevertheless, they are a ‘necessary evil’ that can make or break some of the most critical online interactions.Web forms are still mostly based on old paper forms — zombie leftovers of system-centric UIs (vs. user-centric). It’s been 30 years and we’re still typing the same information into forms over and over again.One can …

From MS-DOS to Material Design: A Brief History of User Interfaces

We empower creators to do the work they love. http://trydesignlab.comMay 22Illustration: Patrick Multani / Text: Andrew WilshereA while back, we took a look at how to get started in user experience (UX) design. In this article, we’re going to follow that up by looking in a little more depth at one aspect of UX — user interface (UI) design.In this installment, we’ll explore the importance of interfaces, examine how UI design is distinct from UX …

What I think about Emotional Design from a UX Perspective

UX Designer, Content marketing manager@Capturly, Gamer, Fan of tech stuffs and everything related to comics.May 16Objects, apps, websites we use on a daily basis like computers aren’t supposed to be a big pile of function anymore. Humans are curious beings, we like interactions and things that are responsive. This applies to the internet also. People are looking a way to connect emotionally. As UX is evolving, new methods appear. However, that doesn’t mean they are entirely …

If You Want to Be Creative, Don’t Be Data Driven 3 Ideas that will completely change how you think a…

Just Keep Scrolling! How To Design Lengthy, Lengthy Pages

Storyframes before wireframes: starting designs in the text editor Browsing through a well-crafted i…

UX Facilitation Methods

Better Form Design: One Thing Per Page (Case Study)

Information Architecture. Basics for Designers.

Vector icon speed runs It’s common to have to draw the same kinds of icons over and over β€” many diff…

A Unified Styling Language

React vs Angular: Two Sides of JavaScript

πŸ‘‹ Thanks for reading

For more regular updates, follow us on Twitter and Facebook. Share with your friends, by hitting forwards. And respond to this email if you want to get in touch.

Facebook

Twitter

Prototypr

Coming to you with <3 from Gibraltar.


SHARE


TWEET


FORWARD