
👋 Oi, mga repapips, Brian Dys here! I love music, photography, and creative stuff like UX design and art. This is a place where I collect my thoughts and works. Apart all these, I’m Jaycelle’s better half and Bryce’s dad. 🥰
In designing the user interface (UI) of an app, it is common to start with the design of the populated state of the UI. As designers, we envision perfect scenarios, common flows, and predictable results. This, understandably, contains the bulk of work a designer has to face. It contains all sorts of issues that need to be addressed.
In turn, we might neglect designing for the different states of the component or the whole system that we are designing.
In general, here are the different states a component might be in:
The populated state simply means that the component has been modified to have its intended content. In the example of an Accounts page, there is at least one account created.
See the Pen Component State: Populated by Brian Dys Sahagun (@briandys) on CodePen.
The blank state occurs when there is no content – whether it is the initial appearance or a result of removing all previous content.
See the Pen Component State: Blank by Brian Dys Sahagun (@briandys) on CodePen.
Always consider the design of the other states of the components.
Groups presenting their pitch decks:
A symbol of development and prosperity – where people flock to work, play, and live.
The very least, a sweeper – someone who belongs to the streets to keep it clean – a person who encounters and faces the very least of the dirt that otherwise would hinder us from living in a clean environment.
Both of these terms come together to form an initiative to help the government formulate solutions primarily with the help of the internet.
From information dissemination to accessible web content and information to automated processes – MetroAide aims to take advantage of the internet to enable the Filipino people avail of the government’s services.
I am currently making a curriculum for the basics of HTML and CSS.
Revisiting CSS Levels, I have written in the past about it:
The important thing to remember is to pattern it after the Levels of HTML wherein we must begin with Accessibility and Usability in mind.
And from there on, we build towards Visual Design.
Using this as basis, one could argue that Colors and Typography are “nice-to-haves”.
Can your design stand in black and white?
Can your design stand in a serif font?
Yes, it should.
Metro Manila traffic is as bad as it is. We motorists make it worse when we employ “offensive driving” instead of defensive driving.
All types of vehicles, from the most expensive to the rusted ones, can get stuck altogether in the sweltering heat of the sun or the drenching gush of rain.
The least one could do is treat others as their road peers instead of road rivals. In doing so, we tend to subsidize traffic.
But how can one subsidize traffic, thus, improving the overall condition of it?
You may skip from lane to lane as long as you don’t disrupt the flow in that lane. Disrupting the flow could mean inserting your vehicle in an exact space in between two vehicles in that lane. If you don’t want the cognitive load of deciding where the fastest lane is – stay on your lane.
You’re maybe racing with time to a destination but don’t race with overtakers. They might be in a “number two” emergency situation, you never know.
And if there are cars inserting themselves into your lane, slow down and just let them. If you don’t, two lanes are disrupted – theirs and yours. If you do, then congratulations, you subsidized traffic!