Design and Code

Interesting ideas on design and coding

Please, Don’t Replace the Bar with the Drawer

The bottom navigation bar in Material Design, which I will call the bar, also known as the tab bar in iOS, is the area at the bottom of the screen that allows the user to quickly switch between sections of an app. The navigation drawer, which I will call the drawer, is typically a side sheet that displays different app sections and is triggered by tapping the hamburger menu icon.

Both the bar and the drawer can be used for navigation purposes. Many apps nowadays seem to get rid of the bar and rely purely on the drawer, especially on Android. Without careful consideration however, this can lead to usability problems.

A bottom navigation bar in Material Design
A navigation drawer in Material Design

Continue reading

Get Rid of Dropdowns

In a project, we may be tempted to use dropdowns to give the user a bunch of options to choose from. These options could be countries, languages, genres etc in a form or a setting page. After all, that’s what we are used to seeing in a lot of apps and websites, right?

I also tended to fall into this habit of using dropdowns until I recently came across a series of articles on why we should stop using them while researching different design possibilities for a client project. Reading these articles helped me think more carefully about the usability of dropdowns and made me realize that blindly using them is a lazy way of making things work. By replacing them with other components, we will be able to create much better user experience, especially on mobile.

Continue reading

Is It Working? — A Simple Question to Keep in Mind when Critiquing a Design during Interviews

Recently, I was participating in a few designer interviews. After the first round, candidates would be given a design exercise which they would need to complete and present to us remotely in the second round. We would then look at the design, ask them questions and provide feedback during their presentations.

From interviewers’ perspective, understanding a candidate’s design could be challenging. Candidates usually need to go through many screens in a short period of time. Maybe the candidate is not so good at explaining the rationale behind his or her design. Sometimes there could be problems with the connection which lead to poor audio or video. In these circumstances, how can we critique a design effectively and provide the candidate with valuable feedback?

Continue reading

5 Lessons On Reducing Design Frustrations: What I learned in the Past Year as a UX Designer

UX Designer Juggling

I am a user experience designer. A lot of my knowledge in UX comes from the human-computer interaction program I did in graduate school. Getting an degree in HCI, of course, cannot teach me everything about how UX design is practiced in the real world. Below are 5 lessons on reducing design frustrations I’d like to share which I learned while working as a designer on the agency side in the past year.

Continue reading