Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,163,097 members, 7,852,721 topics. Date: Friday, 07 June 2024 at 02:41 AM

Walk With Me On My UI UX Design Journey - Programming (2) - Nairaland

Nairaland Forum / Science/Technology / Programming / Walk With Me On My UI UX Design Journey (2008 Views)

My UI/UX Design Collection / My Ui/Ux Journey / Why Does Startup Need UI/UX Design To Retain The Customers? (2) (3) (4)

(1) (2) (3) (Reply) (Go Down)

Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 7:27am On Feb 21
DAY 11: DIFFERENCES BETWEEN A CUSTOMER AND A END USER

I had so much work to be done, and God in His infinite mercy, made today's lesson to be a short one. So I learnt about the difference between a end user and a Customer.

A Customer is a person who purchases the product, while the end user is the person who directly uses/interacts with the product or services. Meaning that the end user is necessarily not the person who purchases the product while the customer is necessarily not the person who directly uses the product but a customer can also be a end user (e.g A person who bought biscuit for a boy to eat is just a customer, while the boy is a end user, but in the case that a person bought him/herself a biscuit for personal consumption, the person then becomes both a Customer and a end user).

Understanding the differences between the customer and the end user is important for business because it allows companies to tailor their marketing development efforts to the needs and preferences of each group.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 7:02am On Feb 23
DAY 12:

I was super super busy yesterday, from running an event branding to designing flyers and finishing up on some logos, I had a very busy day! That didn't stop me from learning overnight though I wasn't just able to type the long notes to post yesterday. How was the rain at your end? wink

So yesterday, I learnt about ways to improve end user experience.

Improving end user experience can be a critical factor in the success of a product or service, here are some tips on how to improve end user experience.

1. Conduct user research: Doing this helps the designer to understand the needs, preferences and pain points of end users. The insights gained can then be used to design products and services that meets their needs and expectations.

2. Simplify the user interface: Create Intuitive design and user-friendly interface that makes it easy for users to navigate through the product or service.

3. Optimize performance: improve the performance of the product or service to reduce load times and increase responsiveness. Optimize the product to ensure it runs smoothly across a range of devices and operating system.

4. Provide excellent support: Provide excellent customers support to help end users trouble shoot any issues they may encounter.

5. Continuously test and improve: Continuously test and improve the product or service based on user feedback. Gather feedback from end users through surveys or feedback forms, and use this information to make iterative improvements.

By implementing these tips, you can improve the end user experience of your product or service leading to higher satisfaction and increasing user retention.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 4:34pm On Feb 23
DAY 13: For today

In the midst of all these rogbodiyans grin, Learning continues.

So today, I learnt about conducting user research. let's go!

User research is a critical aspect of the user centered design process. Conducting user research involves gathering data and insights about the user to inform the design of digital products.

We have some key steps to consider when conducting user research:
1. Identify your research goals: this involves understanding the objectives and goals for the user research, i.e the types of questions, you want to answer, the type of data you want to collate and the methods you will use to collect that data.

2. Choose your research method: This refers to as choosing the research method you want to use for collating the data, there are variety of research methods available, one is survey, another is observation and so on.

3. Recruit participants: This involves enlisting some test users/participants to take part in the research.

4. Conduct the research: This involves conducting the research using some of the methods of user research. Note that you can use more than one method of research on a project.

5. Analyse the data: This involves unifying the data collated during the research and looking out for patterns, themes and insights.

6. Use the insights: This involves using the insights gained to inform the design.

7. Iterate and test: This involves repeating the research process so as to implement the changes needed based on feedback as user research is a repetitive process.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 10:49pm On Feb 26
DAY 14: Creating personas and user stories

So it's day 14 of learning UI UX design, my notebook is getting filled and the journey gets more interesting by the day. There is a popular saying that states "The results you are looking for is in the work you are running from" . This saying made me realize something, and that is, the construction materials for a good future is the work we put in today. So we shouldn't forget to put in the work because heaven helps those who help themselves

So today I learned about persona and user stories.
Persona is a representation of a clutter of target users who exhibit similar attributes, goals and behaviors based on user research in relation to your product. Personas are created to represent the different types of users that will interact with the digital product. A persona typically includes information such as the user's demographics, needs, goals and behaviors.

Creating a persona involves the following steps:
1. Gathering user research data: this involves collating data through surveys, interviews, observation and focus groups to understand user's needs, behaviors and motivations.
2. Identify common patterns: This involves identifying patterns in the data to group users into different segments
3. Develop personas: This involves creating a persona for each user segment using the research data to define their needs, goals and behaviors.

As added research on Youtube, I learned the various elements of a persona
1. Persona name
2. Quote
3. Personal information
4. Bio
5. Goals
6. Frustrations

I also discovered the needs for persona
1. It will help designers determine who they are creating the design for
2. It will help settle disputes within design patterns and needs since you have a better way of understanding your primary customer needs and expectation.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 11:04pm On Feb 26
USER STORY:

A user story represents a small concise statement of functionality or quality needed to deliver value to a specific stakeholder.

Creating a user story involves the following steps:
1. Define the user: this involves identifying the user who will interact with the product
2. Describe the user's goal: Describe the user's goals or their objectives
3. Define the product interaction: Describe the specific interactions the user will have with the product to accomplish their goals.
4. Include any necessary details: Include any necessary details such as the user's environment, context or other relevant factors.\\


Personas and user stories can help designers make informed design decisions, prioritize features and ensure that the product is designed with the users in mind

1 Like

Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 7:00am On Feb 27
DAY 15:

I logged in on X around 2am just to see the happenings on there, you know what I discovered? I saw a lot of other people like me, Nigerians like me, young people like me, still awake, putting in the work. It just goes on to show that we Nigerians are hard-workers especially when we know what we want and that's what set us apart from the rest.

Back to the course, So today I learned about ways of understanding users needs and behaviors.
To create digital products that works, it is very important to understand the needs and behaviors of the users who will interact with the product.

There are common way to understand the user needs and behaviors
1. Conducting user research
2. Develop personas
3. Create user stories
4. Conduct contextual inquiry
5. Use analytics
6. Test the product
Re: Walk With Me On My UI UX Design Journey by unwana07(m): 12:22pm On Feb 27
Pls my WhatsApp no 07059739041. Am interested
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 10:54pm On Feb 27
unwana07:
Pls my WhatsApp no 07059739041. Am interested

There is nothing to register for here bro wink I'm just trying to document my journey in UI UX design here. If there is any tech skill you are learning currently, you can let us know and also your progress as per the learning process.

1 Like

Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 4:47pm On Feb 28
DAY 16:

It's day 16, and the learning goes on, so today I learned about UX research.

User experience research is the process of collecting data about the behavior, needs and preferences of users to design products, services or
systems that meets their requirement.

TYPES OF UX RESEARCH
There are various types of user research that can be used to gather insights and data to inform design decisions.

1. QUALITITATIVE RESEARCH
2. QUANTITATIVE RESEARCH
3. ETHNOGRAPHIC RESEARCH
4. COMPETITIVE RESEARCH
5. USER JOURNEY MAPPING
6. ANALYTICS RESEARCH
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 6:44am On Mar 01
DAY 17: Analyzing data from UX Research

It's been one hell of a journey but also an increasingly interesting one, so today I learned about Data analyzing from UX research. This is a critical step that helps designers to gain insights and make informed decisions.

So we have different ways of analyzing data from UX research:
1. Data cleaning
2. Categorizing data
3. Identifying patterns and trends
4.Creating personas
5. Synthesizing findings

Effective data analysis is essential for creating user centered designs that meet the needs and preference of users.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 7:16am On Mar 03
DAY 18:

So today, I learnt about the steps to conducting data analysis when interviewing

When conducting analysis of user interviews, there are several steps to follow to ensure that the data is properly analyzed and meaningful insights are derived

We have:
1. Transcription: This involves converting the audio/Video recording into text format. Transcription software can be used for this but it is important to review the transcripts for accuracy.

2. Data coding: The next step is to code the interview transcript. This is the process of converting data into a form that can be analyzed. In simpler terms, A code is a label that describes a piece of sentence, while coding is the process of creating and assigning codes to categorize data extract. Coding helps ensure that your analysis is valid and approached systematically.

3. Categorization: This involves grouping the codes after they have been assigned into broader categories.

4. Synthesis: The final step is to synthesize the data to identify key insights and patterns, this involves reviewing the coded and categorized data in order to identify trends, common themes, and areas of concern.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 5:59am On Mar 04
DAY 19:

It's Monday, and I'm reflecting on the journey so far, I started confused while optimistic, It's has not been a particularly easy one to be frank due to the busy nature of my 9-5 but life goes on so fast and we must do our best to also be on the move. So we mueveee!

So today, I learned about the reasons to analyze data

Analyzing data is important for a number of reasons, particularly in fields such as UX research, where data plays a critical role in informing design decisions, Here are some reasons you analyze data

1. Analyzing data helps gain insights into identifying patterns, trends and outliers in the data that can provide valuable insights.

2. Analyzing data helps make informed design decisions

3.It helps measure progress

4. Validate hypotheses: Data analysis helps to validate or disprove hypotheses about user behavior, needs and preferences.

5. Data analysis helps improve user experience.

Analyzing data is essential for making informed designs and creating effective designs that meet user needs and preferences.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 6:23pm On Mar 05
It's day 20 of learning UI UX design, honestly at this point I just can't wait to get to the practical part of this course, but I'll continue to hold on.

So today, I learned about the research methodologies and analysis, I learned that they are very critical components of the research process that helps ensure that the data is reliable, ,valid and actionable. Some research methodologies and analysis techniques used in UX research are:

>QUALITATIVE RESEARCH
>QUANTITATIVE RESEARCH
>A/B TESTING
>USER JOURNEY MAPPING
>CARD SORTING
>HEURISTIC EVALUATION
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 7:11am On Mar 06
DAY 21: THE LAW OF UX DESIGN

Today, I learned about the laws of UX design. The laws of UX design are a set of principles that are used to guide the design of digital interfaces. These laws are based in psychological and human behavior and have been developed to help designers create interfaces that are intuitive, easy to use and visually appealing. Here are some of the most important laws of UX design.

> HICK'S LAW
> FITT'S LAW
> LAW OF PROXIMITY
> LAW OF SIMPLICITY
> LAW OF SIMILARITY
> MILLER'S LAW
> ZEIGNARK EFFECT
> PARETO PRINCIPLE

Have a good day everyone
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 11:15pm On Mar 07
DAY 22: THE PRODUCT LIFE CYCLE

I had to shift the lesson to this night instead of the morning due to my some projects I had to finish up, How is it going guys?

So today, I learnt about the product life cycle, I learned that it is a marketing concepts that describes the stages of a product goes through from it's introduction to the market until its retired.

It typically consists of six stages, we have:
> Concept development
> Planning
> Design
> Development
> Launching
> Growth
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 11:46am On Mar 08
DAY 23: DESIGN THINKING

It's Friday and it's also day 23 of learning what UI UX design is all about. So today, I learned about the processes of design thinking.

Design thinking is problem solving procedure that is focused on understanding and empathizing with the users.

I learned that design thinking process typically consists of five stages and which where explained fully in the learning material.
1. Empathize
2. Define
3. Ideate
4. Prototype
5. Test

Are you also learning a tech skill? If yes, how is it going so far?
Re: Walk With Me On My UI UX Design Journey by Shomek(m): 2:59pm On Mar 09
Nice job bro am also learning web development let connect on whatsapp check my signature for my whatsapp number
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:49pm On Mar 09
Shomek:
Nice job bro
am also learning web development
let connect on whatsapp check my signature for my whatsapp number

Okay bro
I will chat you up on whatsapp
Re: Walk With Me On My UI UX Design Journey by Shomek(m): 9:57pm On Mar 09
michaellovaldo:

Okay bro I will chat you up on whatsapp
am waiting for your message
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 10:28pm On Mar 09
DAY 24: THE FOUR PRINCIPLES OF DESIGN THINKING

It's day 24 already, going to a month since I started learning about the basics of UI UX design, so today I learned about the four principles of design thinking.

1. Human Centered: This emphasizes on the fact that the focus should be on empathizing with the users, observing their behavior and gaining insights into their needs and preferences

2. Collaborative: This principle focuses the attention on the collaboration of interdisciplinary design teams in other to gain different/diverse perspective and skills to generate creative ideas and solutions.

3. Iterative: This principles emphasizes on the importance of iteration i.e creating multiple prototypes and testing them with users to gather feedback.

4. Creative: Designers should be open to new ideas and experimentation in other to create breakthrough solutions and innovation.

By following these four principles, designers can create products/services that are aligned with the needs and desires of users, which will then deliver great value and impact
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 10:33pm On Mar 10
DAY 25: The purpose of design thinking

It's Sunday, for most techies this is a day to invest in personal branding, either it be gaining new knowledge or working on personal projects and preparing for the new week.
I did a percent of both today and in the learning section I learned about the purpose of design thinking.

I learned that;

> The purpose of design thinking is to create innovative solutions to complex problems that are user centered and practical

> The purpose of design thinking is to enable designers to create products services and experiences that are better aligned with the needs and desires of users

> Design thinking is also used to foster culture of innovation and collaboration within organisations

> The main goal of design thinking is to create solutions that make a positive impact on people's lives and that helps to solve some of the most pressing challenges facing individuals, organisation and the society as a whole.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 6:53am On Mar 11
DAY 26: Information Architecture (IA) and Interaction design (IxD)

Monday; today I learned about information architecture and Interaction design, these are two important aspects of UI UX design that helps designers create digital products that are both easy to use and navigate

Information architecture is the process of organising and structuring digital content in a way that makes it easy to find and navigate.

IA involves the following steps:
- Define the content
- Create a site map
- Design navigation
- Label content

Interaction design: is the process of designing how users interact with the digital product.

Interaction design involves following steps
- Define user's needs and goals
- Design UI elements
- Create wireframes
- Design interactions

By designing the IA and IxD of the product, designers can create digital products that are easy to navigate and use.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 5:27pm On Mar 12
DAY 27: SITEMAP AND WIREFRAMES

What a busy week it has been, and with each day comes new knowledge to acquire but I won't give up now. So today, I learned about Site maps and Wireframes.

Sitemaps and wireframes are essential tools for UI/UX designers as they help to visually organize the structure and the layout of digital products.

SITEMAPS:
A sitemap is a diagram that shows the hierarchical structure of a website or digital product. Sitemaps helps to define the content and structure of the product, making it easier to understand and navigate.

To create a sitemap, follow these steps:
1. Define the main sections
2. Group related content
3. Define the relationships
4. Review and refine

WIREFRAME:
A Wireframe is a two dimensional detailed layout of individual pages of a product design.

To create wireframes, follow these steps:
1. Define the content
2. Identify the elements
3. Layout the UI elements
4. Define the interactions
5. Review and refine

Creating site maps and wireframes helps designers effectively plan and visualize the structure and layout of the digital product.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 10:48pm On Mar 13
DAY 28: UNDERSTANDING USER FLOW AND NAVIGATION

I started out today as early as 5am and got back in the evening, then I had to finish up on some designs, so I opened this course for the first time today some minutes back

So today, I learned about USER FLOW & NAVIGATION

User flow refers to the path that a user takes through a digital product to complete a task or reach a goal.

To design an effective user flow, follow these steps:
1. Define user's goals
2. Map user flow
3. Identify pain points
4.Optimize flow

NAVIGATION
Navigation refers to the user interface elements that allows user to move through product and find the content they need.

To design effective navigation, follow these steps
1. Define the content
2. Choose navigation types
3. Design navigation elements
4. Test navigation

By designing user flow and navigation that are intuitive and easy to use, designers can create digital products that are engaging, satisfying to use, designers can create digital products that are engaging, satisfying to use, and meet the needs of the user

Rules for designing great navigation
- Prioritize consistency
- Design clear interaction
- Avoid deep navigation
- Design for responsive compability
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 6:54pm On Mar 15
DAY 29: DESIGNING INTERACTION AND FEEDBACK

Yesterday, I was left to believe MTN was sent to stop me from my daily learning because I tried my all best to access my course on Dreamax, all to no avail o, at the end, I just had to do some revisions on the lessons learnt already.

As for today, the network is still so frustrating but at least manageable enough for me to post about my journey into the world of UI UX design.

So I learned about designing INTERACTION and FEEDBACK:
Interaction design refers to designing the interaction between a product and the user and Feedback is the process of letting users know the result of their actions while using the product and the state of the system.
Designing effective interactions and feedback is critical to creating digital products that are engaging, intuitive and satisfying to use.

So I also given an overview of design interaction and feedback

To design effective interactions, follow these steps:
1. Define user actions
2. Choose interaction elements
3. Design interaction elements
4. Test interaction


To design effective feedback, follow these steps:
1. Provide immediate feedback
2. Use clear and concise language
3. Choose appropriate feedback types
4. Test feedback

By designing interactions and feedback that are intuitive and responsive, designers can create digital products that are engaging, easy to use and meet the needs of the user.
Re: Walk With Me On My UI UX Design Journey by gentlegiant95: 7:46am On Mar 17
I'm learning uiux as well and I will like to connect with you. Atleast ill have an accountability partner. My own issue is that I don't have a source of income, so buying data the way I'll like and paying for indepth courses is not something I have the capacity for. But I still try to eke out something watching videos on YouTube. I took a break cos I was trying to sort out my money issues, but I'll like to go on this journey with u cos I've been wanting to have someone to share challenges n ideas with in the course of learning
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:13am On Mar 17
gentlegiant95:
I'm learning uiux as well and I will like to connect with you. Atleast ill have an accountability partner. My own issue is that I don't have a source of income, so buying data the way I'll like and paying for indepth courses is not something I have the capacity for. But I still try to eke out something watching videos on YouTube. I took a break cos I was trying to sort out my money issues, but I'll like to go on this journey with u cos I've been wanting to have someone to share challenges n ideas with in the course of learning

You are welcome bro, this is my whatsapp no: +234 706365 2991
Let's connect smiley

1 Like

Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 11:01am On Mar 17
DAY 30: VISUAL DESIGN

It's Sunday! I already had this note typed yesterday but the network palava didn't allow me post it, How is the weekend going with everyone?
so today's I think I will be updating this thread twice.
Today I learnt a little bit about Visual design. Visual design is an essential component of UI/UX design. It involves the use of typography, color and imagery to create visual language communicates the product's purpose and brand's identity. From further research, visual design focuses on the aesthetics of a product, including elements like colors, typography and images. It is concerned with how a product looks.

I was also given an overview of how to create visual elements effectively:

FOR IMAGERY:
> Choose appropriate images
> Use Images strategically
> Optimize images


FOR TYPOGRAPHY
> Choose appropriate fonts
> Set font sizes and styles
> Font Hierarchy

FOR COLOR
> Choose a color pallete
> Use color strategically
> Ensure accessibility

By using color theory and typography effectively, designers can create digital products that are visually appealing, easy to use and communicate the product's purpose and brand identity effectively.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:13am On Mar 18
DAY 31: ICONOGRAPHY AND VISUAL HIERARCHY

It's Monday! Each lesson taken draws me closer to Figma introduction, I honestly can't wait at this point grin I know it's just a tool for design but you won't understand even if I try to explain
I just want to get this updating of a thing done as soon as possible. So today I learned about Iconography and Visual hierarchy.

Iconography and visual hierarchy are essential components of UI/UX design. They help users navigate the product and understand the content meaning quickly.

In the lesson, we were also given an overview on both components:

ICONOGRAPHY: Iconography refers to the use of icons or symbols to represent information as stated above. To use iconography effectively, follow these guidelines.
- Choose appropriate icons:
- Use icons meaningfully
- Ensure consistency


VISUAL HIERARCHY: This refers to the arrangement of elements in a way that guides user's attention to the most important information. To use visual hierarchy effectively, follow these guidelines.

- Use size and color
- Use placement
- Use whitespace
- Use contrast

By using iconography and visual hierarchy effectively designs can create digital products that are easy to navigate, understand and use.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 6:47am On Mar 19
DAY 32: DESIGNING FOR VARIOUS PLATFORM AND DEVICES

It's Day 32, and that the last topic to Figma introduction in this course! yay!!
So today, I learnt about designing for various platforms and devices, in this today's digital world, it's essential to design for various platforms and devices. Users expect a consistent and seamless experience across different devices, such as desktops and laptops, tablets and smartphones.

So we were also given some consideration to keep note of when designing for various platforms and devices.

One is Responsive design: This refers to designing products that can adapt to different screen sizes, ranging from mobile phones, to laptops and tablets. To design responsive designs, follow these guidelines:
- Mobile first approach
- Use fluid layout
- Use breakpoint

2. Platform specific design: Each platform has it's own design guidelines and user expectation. To design for different platforms, follow these guidelines

- Use platform specific design patterns
- Follow platform specific guidelines
- Test on different devices


3. Accessibility: This refers to designing product that are accessible to all users, including those with disabilities. To design for accessibility, follow these guidelines.
1. Use semantic HTML: to describe content structure for users
2. Use alternate text
3. Use contrast

By designing for various platforms and devices, designers can create digital products that are accessible, usable and enjoyable for all users, regardless of the devices they use.
Re: Walk With Me On My UI UX Design Journey by ManyThanks: 10:37am On Mar 19
Bro you are doing well. You'll succeed.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 3:31pm On Mar 19
ManyThanks:
Bro you are doing well. You'll succeed.

Amen

Thank you so much. I really appreciate this

1 Like

(1) (2) (3) (Reply)

Programming Vs Networking / How To Create A Responsive Login Form Using Html, Css And Bootstrap / Javascript Frameworks In 2016

(Go Up)

Sections: politics (1) business autos (1) jobs (1) career education (1) romance computers phones travel sports fashion health
religion celebs tv-movies music-radio literature webmasters programming techmarket

Links: (1) (2) (3) (4) (5) (6) (7) (8) (9) (10)

Nairaland - Copyright © 2005 - 2024 Oluwaseun Osewa. All rights reserved. See How To Advertise. 89
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.