> PHOTOSHOP USER>^ JULY 2017[ 80 ]
› › COLUMN[ the process ]
Budi Harto Tanrim
http://buditanrim.coDESIGNER
Tanrim began his design process by putting himself in the
position of a new user trying to use the dashboard for the
first time. “I took a lot of notes about which parts were
confusing,” he says, “and I can tell you that over 90%
of the existing dashboard didn’t work.” He then talked
to Refundo’s marketing team about the issues they faced
when trying to gain a new customer, and to the customer
service team about the most common complaints they got
during the tax season.
After that, he says, his strategy was simple: “From all
the information I collected, I focused on the top problems
first: check printing and company profile setup.”
The check printing section is where the Refundo user
can print out a check for their customer, which the cus-
tomer can then use to get their tax refund. Tanrim learned
that the users often printed checks in the wrong orienta-
tion, for example, or in the wrong order. That’s an incon-
venience for the customer and a bad look for the tax
professional. “The way I solved it was by letting the user
make a dummy printing and save their setup accordingly,”
Tanrim says.
To divide the page elements and establish their hier-
archy, Tanrim decided to use a card UI to group features
and information into individual boxes. “The downside
about a card UI is that it requires a lot of spacing. Never-
theless, I chose it because most users aren’t tech-savvy, so
the division has to be obvious for them.”
As for color, Chinchilla told Tanrim that he wanted to
keep green as the primary. “I used a lot of grays for the
hierarchy, and to make the green stand out from the rest,”
Tanrim says. “In the final design, all the green buttons and
Pages from the design process actions are noticeable without a doubt from the user.”