January 9, 2021No Comments

Obvious: wireframe prototyping

I’ve been having a lot of fun building interactive prototypes for Obvious, my activity journal app. Two of my prototypes are guided walkthroughs of the Timer and Journal sections. The third is a heavily-wired simulation of cycling through a set of work sessions and breaks using a working (but truncated) Pomodoro timer.

Read more

January 8, 2021No Comments

Obvious: wireframes

I recently completed my second round of wireframes for my Productivity Log app [update: now named Obvious].

In the first round, the goal was to take the layout of my Mac prototype and translate it to the iPhone and iPad. This time, I had to expand my scope and resolve everything I could figure out with wireframes so I could move on to high-fidelity designs.

The biggest difference this time was how to organize entries. This organization would determine my layout components and data models. I also had to be able to explain how my new timers work, along with other user settings I needed for an MVP. Finally, I needed to layout mundane stuff like signing up, editing entries, and error states.

Let’s take a look.

Read more

October 22, 2020No Comments

Productivity log: multiplatform wireframes

My productivity app is coming along, albeit slowly. There have been some significant changes behind the scenes which have required some ramp up before I could move forward.

This post is mostly a progress report to talk about changes I made a while ago to the Mac app prototype and to show some initial wireframes for iOS, iPad, and macOS. I also have a Figma prototype I put together to show how the timer screen would work on iPhones.

Let's dig in!

Read more

September 3, 2019No Comments

Teaser: a modern, atomic wireframe kit

I’m working on an atomic wireframe kit. So far, it only covers basic parts for macOS, but when it’s done it should work for cross-platform applications.

I tried out several existing wireframe kits but none of them matched my requirements. Most of the kits are outdated because they were created before Sketch offered color and type styles. I figure this was a good opportunity to flex some skills.

Read more