Add a useful source here: UX Mapping Methods Compared

Youtube

User goals:

1. Create an account

2. Log in to an account

3. Search videos

4. Create and upload videos

5. Comment on videos

6. Like/dislike videos

7. Share the video

8. Save the video

9. Report the video

10. Add translators

11. Decide whether viewing the next video automatica...

three problems from a usability test on commonlounge:

Background: I asked a user to enroll in a javascript course, complete the first lesson, and mark it as completed, then move on to the next lesson as required by the project

1. Navigation problem: after sigining up, the user could not find the Javascript enrolled course
2. UI problem: Button like MARK AS COMPLETED is too small, and the color of the button doesn't show enough contrast to stand out of the content of the web page. Also, it's not a intuitive process for users as well.
3. Navigation problem: it's hard to tell which lesson is the lesson two as there's no indicators of which specific chapters of learning you are at. Can we call it the breadcrumbs problem?

Feedback on the homepage tour:

pro: neat, direct, no clutter, straightforward

Thanks for the adviced, changed according to your feedback, also, I changed the solid color of the header area to a gradient look, not sure if it's visually more pleasant or not.

This is my submission for Craigilist redesign challenge.

Spent a lot of hours planning on how to do it, and still decided to keep the original stypes of Craigilist, which really stood out by its clear and straightforward understanding of users needs.

For example, if we only present community, service, housing, jobs, these terms, user will get confused, because different websites define these terms differently, hence, it's necessary to break down these terms for users at the very first glance.

And I learnt so much by doing these assignments, a big take away is, user interface is more than skin deep, looking good is not enough, the first step is always to understand what kind of information it provides, is it for learning, advertising, shopping or service, then design the page that speaks to customers needs. This is my day 2 of UI learning, I feel positive, and can't wait to start my UX learning.

Hello Learning Community,

This is my project on Wikipedia Redesign Challenge

For clear version: Behance

Wow, thank you for being so prompt Anant! Loved commonlounge's course so far, thank you guys for your hard work.

1. Visual hierarchy: I sensed a F pattern at the first glance of the website. White space is used extensively throughout the website for grouping different kinds of information.
2. Gestalt principle: law of proximity (how different shapes of rectangles were used under different sections)/law of similarity (PLUS shapes were marked in purple squares)/
3. Above the fold: yes
4. Images: yes
5. Axis of interaction: yes
6. Primary buttons: high contrast, bright color, see SEARCH
7. Secondary buttons: explore homes, learn more (non significant actions)
8. Typography: Font size: reasonable / line length: reasonable / line spacing: reasonable / Font choice: both more and less legible font have been used
9. Colors: the background used white colors; ...

It's great to get introduced to Z and F-Pattern, however, it's MISLEADING when you suggest we should aovid Z-Pattern. According to this source, Web Designing Layouts (F & Z) Pattern, both Z and F-Patterns are human scanning patterns, hence Z and F Patterns are neither good nor bad patterns, they simply have different applications in different scenarios.

I agree, a good worked example or case study would be more helpful!