A hands-on guide to a repeatable two-week process for constant, iterative and fast UX/UI design.

In the past years, our design studio optimized its process for UX/UI design. Inspired by google design sprints and lean product development methods, we could not find a project management framework that would fit to our needs:

What we ended up with is the »UX Sprint«: our sprint format, that we perform on…

As digital media has evolved from simply-linked webpages to rich-applications, a new term seems to have emerged from a new understanding of craft, process, design and marketing: the digital product. Having spent the last four years working from my studio for Startups and corporates in Berlin and across the globe, I’ve been able to gain a unique insight into why product is such a thing right now. What follows is a brief overview of what I’ve learned.

Product first!

The first lesson of Startups is that focus is everything. In the early stages, young startups have to target all their resources on…

For designers, it was always relevant to know about the technical part they design for as well. For digital designers, knowing about software is often a hard topic to deal with. It does not come in handy. I wrote down a bunch of principles of computer science, that I find quite helpful to know. They are all about tech and still all about UX.

Photo by Headway on Unsplash

#1 | The difference of compiled and interpreted code

Have you ever attended a software project where the scope shifted from a native app to a web-app in the middle of the design phase? That was fun, no?
Technology is clearly affecting user experience. So when changing from a native app to a web app the design has to adapt. In this case a native app stands for a compiled and the web-app for an interpreted program, and there is a huge difference.

A compiled language is a program that — once compiled — has been “translated” into the instructions of the target device. That’s why we call those…

A simple and powerful storyline framework for landing pages.

Coming up with a nice storyline for a landing page is one of the hard things to do. How to explain a product or service to a user in an interesting way?
I usually start with a very basic framework of questions. It works in many cases and might help you structure your content in a user-friendly way.

Before we start, make sure your site meets the conceptual fundamentals of this approach:

A case study on giant monitors

When talking about responsive web design most designers and developers immediately think of websites on smartphones, tablets and laptops. Once in a while however, a client comes along who displays more than half of their traffic on large desktop screens.
In this article I want to share some ideas and UI-patterns I found useful while designing a website “large desktop first” … while of course still making it scalable down to mobile screens.

Some things upfront

(1) Large desktop is not television:
When thinking of large screen sizes, some argue that it could be more like user interfaces…

About macro-typography for websites and how it can be implemented.

A lot of topics have been discussed since the term “responsive web design” came up in 2020. Different grids and breakpoints, fixed and fluid layouts and responsive images. One bit feels missing so far: Text.

For all the lovers of micro-typography, I should say, this article is not about font sizes or font families. I will not talk about letter-spacing, x-height, baseline or other small details. It will focus on one aspect of typesetting: When to word-wrap and how to implement that in a responsive website?

Update available!
I published an…

About the form finding process in interface design.

What drives me crazy as a designer is how hard it is to communicate all the nitty-gritty features and fine levels that a web interface can have. There are button states, animations, different modes of pages or the responsive and fluid behavior of the layout.

As a tool, Photoshop has already become obsolete. Static layouts can not explain what is needed when briefing to the production team. And describing all these little visual details requires a bunch of blueprints and extra work.

Since we need to look at a design in a…

Johannes Holl

Lead Product Designer UX/UI & Partner at boanastudio.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store