Answering your question - How I design
March 2, 2020
A few weeks back, I asked people who subscribe to my newsletter if they would be interested in joining a Slack channel with me and others from the newsletter. I really didn't have a plan for what would happen next other than I would get to know some people from my mailing list a bit better. You see, having a mailing list is great, but it can sometimes feel like shouting in a forest. Is anyone actually listening? Who are you? Why are you listening? I guess you could say that I wanted to do some user research (so I could better serve subscribers). Even though this started small (we're just about 20 in the Slack channel now), it's fascinating to see how there's people from all over Europe, Australia, the US, and Asia. Most seem to work with UX in one way or another and there's a healthy balance between males and females.
Writing regular blog posts is difficult. Coming up with a topic/problem, researching it, seeing it from your audience's point of view and, most importantly, finding something that resonates with the readers. So being able to ask readers what they want to know more about is super valuable to me because I know that the topic will resonate with at least one of my readers (and most likely more than one).
So a couple of days ago I asked if there was anything specific that they were curious about. I'll continue to do this, so if you want to ask me anything, just sign up for my newsletter and join our Slack!
Johan wanted to get a more detailed look into some of my work from a design perspective and, more specifically, what tools I use. I've previously outlined which tools I use (and I do my best to keep that page updated), but more specifically when it comes to design, there's a short and a longer answer. The short answer is unfortunately just as ambiguous as when Maureen (who is also on Slack!) asked me what kind of work I do as a UX-designer.
"It depends."
The work defines the tools, never the other way around
The work I do varies the tools I use. So let's look at some of the project work I've recently done.
Writing user stories
Part of my work at the moment is to define the process of users interacting with a tool. I enjoy writing user stories because they're an easy way for me to understand not only the process, but also where there are what I refer to as 'unknowns' - things I don't know or understand at this point. This makes it easier for me to ask relevant questions and highlight parts of the process that we need to define in more detail. An unknown is also related to assumptions I make in the user story. Let's say I write that Cathy (my user in this scenario) completes the survey in 15 minutes, I'll add an unknown asking whether 15 minutes is a reasonable time.
I'll usually use Dropbox Paper (although I've moved away from Dropbox) or Notion depending on if the team has a preference. The most important thing for me is that the writing experience is focused (I can't write in Google Docs) and that the team members have the ability to comment. I'll add comments for sections that I need to flesh out even more.
For larger projects, I use the user story to define what key pages we need and what components I think each page will have. This makes it possible for a designer (if there's someone designing other than me) to start playing around with components and trying out styles. Either way, the user story is a good way to define the story of the product before moving over to...
Wireframes
To be honest, since I've started working more and more with design systems, I'm a bit conflicted when it comes to wireframes. With a well-defined design system, wireframes can often feel like an extra and unnecessary step.
There is value with wireframes though in the sense that they're so quick to make, you can try out different ideas without ending up stuck on type sizes, colors, or even image treatments. I try to make my wireframes as loosely defined as possible so there's freedom in the design process. I hate it when the final design feels like they just colored the wireframes.
I'll usually begin with pen & paper to try out a couple of early ideas. I find it easier to try out different things on paper as I don't have to think about straight lines or even ratio. I guess it helps that I'm a terrible at drawing so I have very low expectations on my pencil drawn wireframes!
Eventually, I'll move into Figma, my design tool of preference. I found so many positive outcomes from working in Figma over the last years that I never would have anticipated (more on this in a later blog post). The fact that everyone can view the up-to-date design in their browser, comment on specific areas, or even chime in with copy edits, etc. This is a god send when it comes to collaboration.
Because I use objects in Figma right from the start, when the wireframes get approved it's easy to begin designing components and see the design come to life.
Visual design
So for visual design, it comes as no surprise at this point that I love Figma. The addition of plugins was a real game changer and I'm still trying to figure out how to best work with Auto layout, but it's clear that there's potential there too. At first I was a bit concerned that all my files were just accessible through Figma (no local files), but I think this is more a mind-set change than an actual concern.
As for extending Figma, I'm a big fan of Unsplash, Content Reel and Stark. Three plugins that speed up my workflow enormously.
If I'm designing something from scratch without an existing visual identity, I'll use Fontstand to try out different typefaces. Even though Figma comes with Google Fonts, I like to play around with options that aren't as widely used. The ability to try out professional typography is amazing!
I'll also use Iconjar to collect icon libraries, Droplr to share screenshots and Paste to have access to multiple clipboards.
Thanks for the question!
So Johan, what tools I use? Well I guess the short answer is Figma, but I hope you enjoyed my detailed answer!
Do you have a question you'd want me to answer? Just let me know.
You need to confirm your email to confirm your subscription.
-
March, 2024
-
February, 2024
-
January, 2024
-
December, 2023
-
November, 2023
-
October, 2023
-
September, 2023
-
August, 2023
-
July, 2023
-
June, 2023
-
May, 2023
-
April, 2023
-
March, 2023
-
January, 2023
-
December, 2022
-
November, 2022
-
September, 2022
-
August, 2022
-
July, 2022
-
June, 2022
-
May, 2022
-
April, 2022
-
January, 2022
-
December, 2021
-
November, 2021
-
October, 2021
-
September, 2021
-
August, 2021
-
July, 2021
-
June, 2021
-
May, 2021
-
April, 2021
-
March, 2021
-
January, 2021
-
November, 2020
-
October, 2020
-
September, 2020
-
August, 2020
-
June, 2020
-
May, 2020
-
April, 2020
-
March, 2020
- Regarding Zoom
- Why wireframes are becoming obsolete
- Get static
- Emotions and work - know yourself
- All books are now free
- Wireframes are too concrete
- Stuck at home
- What Great Managers Do
- From Error to Understanding: The Importance of Brand Voice When Things Go Wrong
- Answering your question - How I design
- The Sliding Scale of Giving a Fuck
- Hard startups
-
February, 2020
-
January, 2020
- Debbie Millman - Time Well Spent
- The last tracker was just removed from Basecamp.com
- Fathom Analytics
- Redesign to learn
- How putting a price on speed helped one retailer increase mobile revenue in just 2 months
- Accessibility drives aesthetics
- Smart people use simple words to make others feel smart.
- The great paradox of our time: everything is both better and worse than ever before
-
December, 2019
-
November, 2019
-
October, 2019
-
September, 2019
-
August, 2019
- How we work with microcopy
- Measuring UX with HEART
- Mobile E-Commerce UX: Deemphasize ‘Install App’ Ads or Avoid Them Entirely
- Analytics are reshaping fashion’s old-school instincts
- What to Do When You Feel Uninspired at Work
- Stay in your lane and outlast your competition
- A Mindful Approach to Technology
- “I Just Knew I Was Going to Surpass These Guys I Was Working For”
- People Are Starting to Realize How Voice Assistants Actually Work
- Fast Software, the Best Software
- Data-Driven Design Is Killing Our Instincts
- Freelance and Business And Stuff
- UX can’t be defined by one set of "rules"
-
July, 2019
- 5 Years - 300+ Posts!
- Superhuman and email privacy
- Why Consultants Quit Their Jobs to Go Independent
- Give them candy: small details make all the difference
- Your inbox is spying on you
- On Modus: It’s Time for a Code of Ethics for Designers
- Frank Chimero on causing ’good trouble’ and re-imagining the status quo to combat achievement culture
- Advertising: contextual vs. behavioral and why it matters
-
June, 2019
- Citrix improves UX and cuts costs by 65%
- Delight Comes Last
- Tim Cook’s Stanford Commencement Address
- You care more about your privacy than you think
- The Cost of Lies
- Let’s assemble like the Avengers and... do work
- Big Mood Machine
- Simplicity is a war
- How Notion Is Going After Atlassian and Why It Just Might Win
- Hiring a Management Consultancy for Digital Is a Mistake
- Just write: why Product Designers should write, and how to get started
- Dos and dont’s on designing for accessibility
- I’ve redesigned my website and it looks exactly the same
-
May, 2019
-
April, 2019
- Scapegoating User Experience Design
- Clip sharing with Overcast
- Why don’t we just use Material Design?
- Accenture sued $32m+ over website redesign for Hertz
- Venture capital money kills more businesses than it helps
- Creating a UX Strategy
- The elegance of nothing
- Amazon Workers Are Listening to What You Tell Alexa
- Working as a UX-lead
- Gumroadday: Get my books at -17% discount
-
March, 2019
- Working as a UX designer
- Meet Q: The First Genderless Voice
- It Doesn’t Have to Be Crazy at Work
- How Notion pulled itself back from the brink of failure
- What’s the meaning of work?
- Wireframes are becoming less relevant — and that’s a good thing
- Neurodiversity and the Digital Divide: how our neurological differences shape the way we experience the web
- Accessibility, a powerful design tool
-
February, 2019
-
January, 2019
-
December, 2018
-
November, 2018
-
October, 2018
-
September, 2018
-
August, 2018
- Living among baby robots
- Yuval Noah Harari on what the year 2050 has in store for humankind
- Voice Input’s Effect on Social Norms
- How I kicked my email compulsion
- Facebook's struggle to moderate itself
- The Secret to Ant Efficiency Is Idleness
- Google Employees Are Organizing To Protest the Company’s Secret Search Engine
- Why Small Teams Win
- Back to Work!
- The Bullshit Web
- Nikhil Sonnad on the banal evil of Facebook
-
July, 2018
- Five questions UX employers should be asking
- Just keep at it
- Yes, Alan, There Is An ROI For UX Design
- High Fives, AI, and Connecting the Dots: MailChimp’s VP of Design on What Business can Learn from Design
- Rands Information Practises
- The Race to a Trillion
- What Elon Musk Should Learn From the Thailand Cave Rescue
- Cheap Shower Curtains
- Tech Sector Values are Broken?
-
June, 2018
- Confirmation Bias in Design
- Rise of the machines: has technology evolved beyond our control?
- Good product writing is conversational
- Retail is Not Dying, But it Has to Evolve
- The Netflix Binge Factory
- We are all trapped in the “Feed”
- Stop “feeding” your users
- Turn off your push notifications. All of them.
- From the Drawing Board to the Board Room
- Think inclusively at every step
- No classes, no professors: the alternative to business school
- Designer Ethics & The Moral Implications of our Apps
- Conversion optimization with A/B tests
-
May, 2018
- AI Ethics - A New Skill for UX-Designers
- Netlify now shows your deploy status on its favicon
- Let them eat cake
- Netflix Culture
- Skype
- How do you learn UX?
- The New Google Assistant
- What Happened to Apple’s Whimsy?
- Who would you trust more with your data, Apple or the government?
- Unfoundered
- Microcontent: A Few Small Words Have a Mega Impact on Business
- Twitter logged all user’s passwords in plain text
- Requests for Personal Data From Apple, Google, and Facebook Compared
- What’s in a pattern name
- GDPR is ruining my life
-
April, 2018
- A Modest Guide to Productivity
- Google Debuts a Standalone To-Do App, Google Tasks
- Apple Should Make an Instagram Clone
- Vanity Metrics
- Tech is not Neutral
- Facebook to exclude North American users from some privacy enhancements
- Netflix has to "produce great content, market it well, serve it up beautifully."
- Sen. Blumenthal: “Your business model is to maximize profit over privacy.”
- Productivity
- My #1 Piece of Advice to Freelancers: Lean Into The Moment
- Design Systems: Better UX through Defined Standards
- Tim Cook - We care about the user experience
- Europe’s tough new data-protection law
- The Real Technology Problem
- Why Small Teams Win
- Whose risk?
- Phone Bored
- Karim Rashid
- Creative Class is open
- Dieter Rams
- Being cash-free puts us at risk of attack: Swedes turn against cashlessness
- What’s a ‘User Experience’ Anyways?
-
March, 2018
- Fake News is spam
- Bleeding Out
- How Tech Giants Design For Transgender Users–Or Don’t
- Don't use the F word (freelancer)
- Dropbox
- Conversational Design
- Everyone Is Going Through Something
- It Doesn’t Have to Be Crazy at Work
- Flight Crews Don’t Decide Where To Fly
- New Tools Don’t Always Equal Productivity
- The seat at the table
- Why Can Everyone Spot Fake News But YouTube, Facebook And Google?
- Cuba
- Bye bye Facebook
- Why I hate your fake redesign
- Givenchy
- Diversity in the design industry
- Your competitors don’t matter
- Apple’s "Sound on the Go" Strategy
- The Most Important Design Skill For An AI-Dominated World
- Love letters to trees
- Amazon has a fix for Alexa’s creepy laughs
- You have to make sure that you’re focused on the thing that matters.
- Voice Input is the Next Big Thing - Or is It?
-
February, 2018
- Specialize
- Pricing Philisophy
- AMP for email is a terrible idea
- Is this Finnish school the perfect design?
- The #1 reason Facebook won’t ever change
- A Year of Learning and Leading UX at Google
- C.A.R.E - A simple framework for user onboarding
- Inside Facebook´s Hellish Two Years
- A better user experience...or?
- Personas
- Reflections on working on an iPad
- Everything Easy is Hard Again
- How to succeed at freelancing
- The iPhone X is Apple’s underrated masterpiece
- Make me think
-
January, 2018
-
December, 2017
-
November, 2017
-
October, 2017
-
September, 2017
-
August, 2017
-
July, 2017
-
June, 2017
- The Why before the Why
- No Share Buttons on Mobile Sites
- Groundwork for Creating Great User Experiences
- ARKit
- 4 Reasons Why Your Body Text Should be Bigger
- Now that Apple is talking about AR and VR, should we be too?
- Think like an artist to create better designs
- Investing in businesses and products
- 10 Reasons Why All Designers Should Start Writing More
- Become a better UX-designer with these three words
- Vox Media Accessibility Guidelines
- Writing for UX: some practical tips
-
May, 2017
-
April, 2017
-
March, 2017
-
February, 2017
-
January, 2017
-
December, 2016
-
November, 2016
-
October, 2016
-
September, 2016
-
August, 2016
-
July, 2016
-
June, 2016
-
May, 2016
-
April, 2016
-
March, 2016
-
February, 2016
-
January, 2016
-
December, 2015
-
November, 2015
-
October, 2015
-
September, 2015
-
August, 2015
-
July, 2015
-
June, 2015
-
May, 2015
-
April, 2015
-
November, 2014
-
April, 2013