The Challenge — The Project

We were to design the experience & interface of two platforms for public voting and ideation; one for private companies and one for government sector in KSA. Along with an admin dashboard for each platform.

The Scope

Several internal meetings, discovery meetings & an inbox full of supporting documents later we ended up with a vague idea of the project’s real size and a somewhat clear understanding of the client’s vision. The problem was to arrange all that in a comprehensive way in order to be able to choose the correct UX activities and therefore draw the timeline correctly.

What I learned: you can plan the timeline for any big project accurately up until wireframing phase. That’s when all requirements, research results & possibilities are applied and you can never guess how long that may take before you do anything because you don’t know how big “it” may be…

UX Research & Design

Here’s how it goes: to build a successful product it has to be functional, beautiful & tailor-made for target audience.

My team’s collective skills are enough to build a gorgeous product that works perfectly, but it could end up as a big FAIL if we don’t consider the real needs of those who will actually use it.

To empathize with users we need

personas

Therefore we needed to do a round of

user interviews

Add to that a full-on

competitor analysis

It did not stop there, of course. We still needed to know how these personas will use the products. so…

Everything went lightning fast, we were on a roll..until we got to

wireframing

Most importantly, we planned to do a

usability testing

So in 2 months, we managed to finish all 4 prototypes, get feedback from client, fix, perform user testing, analyze results, fix again.

Then it was my turn.

UI & Interaction Design

But it wasn’t just me, it was me & the junior designer. And it was my job to build the design system, design my fair share of screens, review the junior designer’s work, design microinteractions and prepare all that for implementation.

times 4.

It took a long time and tried me repeatedly because I was thrown face first into situations I never had to even think about before…but we managed to finish it. And the client was really impressed with the final results.

I learned SO MUCH.

What I learned during UI phase equals what I learned in all previous ones put together:

Don’t think that your design system is done before you start UI design. Something will always come up and you’ll need to add stuff.

Giving feedback is a science. I had to learn how to do it correctly before I did it because this is the first time I mentor someone while working on a client’s project with a deadline looming in the horizon. I suggest reading

Kim Scott’s Radical Candor.

Sketch & InVision are each visual designer’s best friends. Especially in small teams when most work needs to be automated somehow.

Sketch is my go to design tool because of it’s support of design systems, amazing symbol functionality and plugins to automate so much work & power-up your process. InVision, is the second tool I can’t live without; seamless integration with Sketch. Extremely handy Inspect for handover. Data & prototyping. It’s all in there.

It’s ok to be independent and self-reliant. But a designer always should know when to ask for help. That it’s OK to ask for help. And how to do so.

final results

February to September. 200+ screens. 4 Platforms. UX, UI & everything in between. Desktop & Mobile.

Phase 1 is now history. The client is satisfied. We all learned so much. But both we and the client understand that no amount of testing will be like reality..when users begin to use the product in their day-to-day activities.

we’re prepared.