Sign in

Behind understanding Justika's design guidelines.

Illustration by pixeltrue

Design guidelines are what designers need to create a hassle-free experience for their users. And this is one of the things I and my team are trying to achieve whilst developing a website for Justika’s latest product. If you don’t know what Justika is, they’re basically a platform that offers online legal services in Indonesia.

In this article, I’ll explain my team’s understanding and translation of Justika’s design guidelines from observing their existing website.

Design Principle vs Guideline vs Rule

Before we discuss design guidelines, we need to understand their difference with design principles and design rules. According to Interaction Design Foundation, design principles are the…


How to build user scenarios, conduct a usability test, and measure the outcome.

A person moving his hands in front of his laptop while explaining something
A person moving his hands in front of his laptop while explaining something
Photo by Unsplash

It’s safe to say that all designers want their products to be useful and enjoyable. We could measure those things by understanding the users. How do they behave? Is it easy to use? Are they overwhelmed? Would they recommend it? Well, the most straightforward way to know the answers is to ask the users themselves.

Usability testing (UT) or user testing is a practice to measure the success of UX in a product by asking for direct user feedback. There are a lot of ways you can go through with it, some of them are surveys, interviews, and walkthroughs. …


Tips on building a strong relationship with users and stakeholders.

A drawing of a computer with the words ‘Stay connected’ on its screen
A drawing of a computer with the words ‘Stay connected’ on its screen
Photo by Unsplash

No matter what role you have, chances are you have some kind of stakeholder. They could be in the form of clients, bosses, teammates, or if you’re building a product, then users. In short, stakeholders are whose opinion matters for the product you’re currently building, whether from a business perspective, UX perspective, and so on.

Building a strong relationship with various parties goes a long way to successfully reach your goals. It forms trust, which in turn will make your work more valuable to them instead of just a one-and-done. Here’s how you can do it:

👂 Listen + Observe

Oftentimes, projects are more…


Supercharge your work as a designer 📈

A picture of face abstract painting on a wall
A picture of face abstract painting on a wall
Photo from Unsplash

If you’re in the user experience (UX) design field, you’ve probably heard about user persona before. It’s basically a fictional character whose behavior and characteristics represent a specific group of users. User personas are typically 1–2 pages long, with sections such as demographics, goals, needs, frustrations, and behavior depending on what you need. If done and used correctly, they could easily amp up your work as a designer.

In this article, you’ll find out how your design project could benefit by utilizing user personas and learn how to create one.


Your software development process simplified.

Illustration from Iron

One of the downsides of ever-evolving technology is that it’s hard to keep track of them. Especially when we’re in the middle of a project and not all of the team members have the same operating system. Not to mention the implications when that software is going to be largely shared. That makes environment and compatibility issues almost inevitable. Thankfully, there’s a thing called Docker.

Docker

Docker is a service platform that lets us build and deploy software efficiently inside virtual containerized environments. You’re probably wondering what do containers have to do with all of this…


UI Design is the first impression of your product; make the best of it with these key takeaways.

An illustration of cartoon characters literally organizing elements on a website.
An illustration of cartoon characters literally organizing elements on a website.
Illustration by unDraw

I don’t think most people would deny it when I say UI design is what makes or breaks a digital product. Humans are simply too much of a visual creature to not let what they see affect how they perceive your product overall. There’s a thing called The Aesthetic-Usability Effect, where people tend to believe that things that look better will work better.

Whilst meeting business objectives are important, fulfilling the user’s needs for a pleasant experience held as much significance, if…


Tips & tricks from Uncle Bob

An illustration of code literally cleaned with a duster
An illustration of code literally cleaned with a duster
Illustration from Lynda.com

A code is clean when it is easily understood by not just you, but also the rest of the team. You definitely don't want your hard-worked code to be deemed unreadable by the time you hand it off to your teammates, don’t you? Creating maintainable code is critical for long-living software. Don’t worry, you don’t have to be an expert to be able to understand how to do it.

In this article, I’m going to point out some tips and tricks to get you started on your journey of making cleaner codes taken from the words of Uncle Bob himself…


Is it worth your time?

Test-Driven Development by codica

I’m sure as a developer, you were at least once in that phase of denial when a project even mentioned the phrase ‘Test-Driven Development’. Or maybe you’re still not over it yet, and you’re here to remind yourself why you should do it all backward — test first and then write.

So, is Test-Driven Development (TDD) worth your effort? The short answer is yes, though how it came to that conclusion is not as simple. According to Agilealliance.org, …


Find out five people-factors that influence the success of agile software development projects based on research.

A picture of hands holding sticky notes with the words ‘To Do’, ‘Doing’, and ‘Done’ written on it.
A picture of hands holding sticky notes with the words ‘To Do’, ‘Doing’, and ‘Done’ written on it.
Image by Unsplash

Agile is an iterative approach to software development that focuses on how people work together inside a cross-functional team. This approach suggests that those teams don’t have to have a specific role, instead, it relies on the team’s collective skill sets and self-organizing capability.

In this article, we’ll dive a little deeper into agile software development (SD) and discover the factors that influence its success according to research conducted by C Tam, EJ da Costa Moura, T Oliveira, and J Varajão (2020).

A Little Agile 101

I’m going to put a quote from Agile Alliance’s website that I think perfectly sums up the essence…


Learn about basic Git commands and Gitflow to help you set up your first [let’s be honest, this is your gazillionth 😌] Git team project.

An illustration depicting a team of coworkers planning on a project
An illustration depicting a team of coworkers planning on a project
Illustration by pixeltrue

Before we get started, it’s important to highlight that the key to a great project output is strong communication. Git does help your team to develop efficiently without as many constraints on location, but that just means your team is more prone to an error caused by miscommunications.

In this article, you’ll find out about the how-to on git, what Gitflow is, and later learn why communication is an integral part of it.

Let’s Get to the Basics

The bigger the dev team, the bigger the chance work conflicts may arise. It gets messy. Then, you might ask, how can I avoid it? Git.

Git

Nabila Ayu

An aspiring UI/UX Designer, also a Junior @ CSUI https://nabilaayu.github.io/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store