• Jay Liu
Folio Forge >
Iteration 2
  1. Iteration Overview
  2. Notebook Settings
  3. Page Settings
  4. Print Preview

Iteration 2

Associated project: Folio Forge
Introduce galleries as a way for users to choose what they want more intuitively.

June 04, 2021

Iteration 2

Iteration Overview


Changes

ChangeIntent
Introduce galleriesAllow the user to tell the application what they want using recognition, as opposed to recalling and fiddling with parameters.
Discontinue the page sections featureFocus more intently on the core feature set

Reflection

I abandoned the last iteration because it overly focused on adding sections to a notebook, which I discovered should not have been in the core set of features.

With the wrong feature out of the way, I could focus more on the design’s core. As a result, the second iteration felt more resonant with what the app needed to be.

One of the breakthroughs for this iteration was realizing just how visual the selection process could (and should) be. Again, this is related to the principle of favoring “recognition” over “recall.”

Lesson learned #1: Having the wrong feature considered as the core functionality is costly! Luckily, not as costly as coding up the wrong feature.

Lesson learned #2: If no one is doing a particular thing, there could be an excellent reason not to be ignored.

Notebook Settings


Main screen

The new main screen takes on a different approach to organizing the controls than Iteration 1. You'll also see many new features added from insight through "dogfooding", such as an option to print page numbers and showing the number of required printer sheets
The new main screen takes on a different approach to organizing the controls than Iteration 1. You'll also see many new features added from insight through "dogfooding", such as an option to print page numbers and showing the number of required printer sheets
notebook builder camera

Choosing notebook size and orientation

This gallery approach with a filter seemed to be more usable because recognition is cognitively easier than recall.
This gallery approach with a filter seemed to be more usable because recognition is cognitively easier than recall.
Animated walkthrough: Choosing notebook size and orientation

Animated walkthrough: Choosing notebook size and orientation

Page Settings


Choosing a print pattern

This dialog reuses the same pattern as the notebook size dialog, such as the filtering mechanism and the toggling of different color options, so the user has less to learn. It also includes an ability to print a sample swatch of all the patterns, to help the user decide which is most suitable for their situation.
This dialog reuses the same pattern as the notebook size dialog, such as the filtering mechanism and the toggling of different color options, so the user has less to learn. It also includes an ability to print a sample swatch of all the patterns, to help the user decide which is most suitable for their situation.

print preview camera

Compared to the previous iteration, I added more fidelity to which types of help to give the user. I also hint at the ability to “Print Detailed Instructions”, and “Print a Test Run”, which seemed they would be valuable from my “dogfooding”. Still a way to go, however. Without user testing, it will be difficult to predict where people get stuck battling with printer issues.

Next iteration

Iteration 3

A major iteration, including the first high-fidelity iteration and the debut implementation into code! The application assumed the new Folio Forge branding, colors, typography, and other visual design.

Iteration 3

Jay Liu
Written by Jay Liu, experience designer.
https://jayliu.design
© 2022, Jay Liu