CommonLounge is a community of learners who learn together. Get started with the featured resources above, ask questions and discuss related stuff with everyone.
Z-Pattern, F-Pattern, Visual Hierarchy, and White Space
It is easy to imagine every user excitedly reading every letter you write and every pixel you make. Get over it, because real users don’t do that. They scan. Scanning means they only stop to read when something catches their eye. So today we will learn about scanning patterns:
Let’s start with the most boring design I can imagine: an entire newspaper page of solid text. All one story. No headlines. No images. No breaks or pull quotes. Just text, in even columns, from corner-to-corner.
Color theory is really, really complex. Our goal isn’t to explain the entirety of color theory, but to provide you with a few broad concepts that you might be able to leverage in your UI designs immediately. Broadly, remember that colors can be useful for:
Evoking certain emotions
Think in Black and White first
To start off, even before you start thinking about color, it's really instructive to design in black and white. It forces you on spacing and laying out your elements, and results in cleaner layouts.
There are sites that need to portray a specific attitude — sporty, flashy etc. which might require the use of color from t...
This is a reasonably open-ended and broader project with multiple possible solutions.
One of the core ideas behind Commonlounge was to let students interact and learn from each other. To give students mini-forums around specific topics, we set up the community pages. For example, here's one of the community pages: Artificial Intelligence community
With this background, here are your tasks for this project:
Suggest improvements to the community page. What is working? What is not working? How would you redesign the non-courses experience of Commonlounge?
How would you increase the virality factor of Commonlounge (i.e., so that on average, a user invites more of their friends) and at the same time, make learning more fun and social experience between a group of friends?
Run a few user research interviews, or usability tests on your mockups to validate your assumptions.
What is UI Design, and how is it different from UX Design?
If you’ve done any kind of research about software design, you’ve probably heard of the terms “UI” and “UX”. But what separates UI from UX?
At their most simple forms, UX design is what makes an interface useful, and UI design is what makes an interface beautiful. For UI, this includes a blend of visual hierarchy and interface elements. To understand what separates a great interface from a good interface, one must understand the UI design is merely just one layer of the entire design process. Perhaps this is why people often confuse UX and UI. In the following few paragraphs, however, we hope to help you understand where the differences lie in the context of the design process.