Welcome, Guest: Register On Nairaland / LOGIN! / Trending / Recent / New
Stats: 3,153,757 members, 7,820,628 topics. Date: Tuesday, 07 May 2024 at 06:32 PM

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

Nairaland Forum / Science/Technology / Programming / Walk With Me On My UI UX Design Journey (1934 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)

Walk With Me On My UI UX Design Journey by michaellovaldo(m): 10:06am On Feb 10
So in 2022, I conceived the plan of learning UI UX design but I didn't have the necessary things needed; 1. A Good enough laptop, 2. Steady income while learning 3. Experience of using even the basics tools on a Windows software.

So I registered for a computer training school where I learnt how to use Microsoft word properly first, then moved to Coreldraw for Graphic design and then to Photoshop, Graduated from the school and started working at a Printing press.

Over the days,weeks, month, I've come to learn a lot when it comes to the world of design. Now look at who is ready with a Good enough laptop, Steady income and also bought a UI UX course already cheesy

3 Likes

Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 10:09am On Feb 10
It has not been an easy journey but I am here now, and ready to learn. I plan on documenting my journey in UI UX design here, with the hope of this keeping me on my toes to keep on going because I know it's not going to be easy and also with the hope of connecting with some amazing UI UX designer on here

1 Like

Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 7:52am On Feb 11
Happy Sunday everyone

I just wanted to update this thread, so overnight I learnt the basics of UI UX design, which I will explain in my own terms, i.e the way I understand.

So, the full meaning of UI design is User interface design, while UX means User experience.

UI design is mostly the visual aspect of a digital product and how it relays the message/information and how it allows users interact with it.

UX design is more about how user interact with the product, how it makes them feel; the perception they have and the overall satisfaction they experience

Honestly can't remember my handwriting being so baddd wink, it's been so long since i wrote long notes. I learnt some other things, which I will update the thread with.

For now, let's go to church wink

3 Likes

Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 2:04pm On Feb 11
I guess most of us are back from Church, so the continuation of the things I learnt overnight, yeah i now know UI design has different stages, mainly User research, Prototyping, Testing and Iteration.

What is User Research?
User research involves understanding what the Users need, their behaviour and preferences. This is very important because it can serve as guidelines in making design decisions

-Prototyping involves create both basic and advanced representation of the user interface, in a more advanced terms, it involves creating low fidelity and high fidelity presentation of the user interface, which can then be used to gain feedback from users and the stakeholders

-Testing in UI design involves observing users as they interact with the prototype, this is very important because it usually reveals usability issues and give opportunities for improvement

-Iteration involves using the feedback gotten from testing the prototype and improving the design
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:09am On Feb 12
Happy New Week.

I will quickly update this thread with the news things I learnt overnight before everything gets busy for me cheesy

So I learnt the types of User interface designs we have.
Let me name them:
1. Flat design 2. Material design 3. Skeuomorphic design
4. Conversational design 5. Adaptive design. 6. Minimalist design 7. Responsive design
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:13am On Feb 12
So permit me to explain the types of User interface we have.

Flat Design: This style of designs features the use of simple typography, shapes and bright colour which results to a simple and minimalistic design
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:18am On Feb 12
2. Material design: This design style features the combination of realistic lighting, shadows, and motion with bold colours, iconography and typography to create a modern and intuitive design.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:21am On Feb 12
3. Skeuomorphic design: This uses more of a visual representation of real life objects and textures with a sense of depth which results in a highly realistic and immersive User experience
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:27am On Feb 12
4.Responsive design: It involves creating interfaces that adapts to different screen sizes and devices ensuring that the interface is optimized for use on desktops, tablets and mobile devices.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:31am On Feb 12
5.Adaptive design: This design style involves creating interfaces that uses data and analytics to adapt to User behaviour, preferences and context to create a suitable and more tailored User experience
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:34am On Feb 12
6.Minimalistic design: This design style is all about simplicity and minimalism with simple typography and shapes to create a clean and uncluttered interface.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:37am On Feb 12
7. Conversational design: This design approach involves creating interfaces that uses natural language and conversation to interact, which results in a human like experience with the interface
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:29am On Feb 13
This country makes it so hardddd for us hustling from the ground up,no light, too much heat, exhorbitant price of food and everything! But is that going to stop me from learning? No!

I learnt some new things overnight which I will update the thread with, leggooo!
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:41am On Feb 13
So I learnt about UX design

The definition: UX design is the process of designing a digital product or service with the user needs, preferences and behaviour in mind. This requires a deep understanding of User behaviour, psychology and technology
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 9:53am On Feb 13
So I learnt the 7 common types of UX design we have.
1. Information Architecture
2. Interaction design
3. Visual design
4. User research
5. Usability testing
6. Content strategy
7. Service design
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 12:00am On Feb 14
It's a busy time for we Graphic designers, which is the reason I didn't update this thread during the day, how are you guys doing?

So I learnt the definition of the different types of UX designs we have:
Information architecture designs: The design style features the arrangement of information in a clean and intuitive way which in turn helps users get accessibility to what they need easily.

Interaction design: This design style involves creating designs that converses with the user and makes users achieve their objectives in the most efficient way.

Visual design: This design styles is more about the visual aesthetics of the digital product which includes typography, color palettes and imagery.

User research: This involves gaining insights and studying user's behaviours, preferences and context.

Usability testing: This is all about testing the product or services with users to identify usability issues and opportunities for refinement.

Content strategy: This type of UX design involves creating strategy for the contents of the product.

Service design: This type of design involves designing the end to end experience of using the product or the services and other touchpoints.
This also means understanding the user needs and creating a digital solution round it.
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 11:59am On Feb 14
Happy valentine's day.

For me, this is just another day to continue my learning and a day to show myself lots of love.

I will update the thread very soon with what I learnt overnight

Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 12:30pm On Feb 14
Day 4 of learning UI/UX design
So today I learnt the importance of good UI/UX Design, let me list them:

1. It helps enhance user satisfaction
2. Improving usability
3. Increasing Conversions
4. Building brand credibility
5. Reducing development costs
6. Staying competitive
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 12:32pm On Feb 14
So far so good, it has been an eye opening experience, I'm learning new things everyday and even new things that are affecting my graphic design skills positively (you can check my graphic design portfolio thread by the way cheesy)

I feel like getting straight into the practical aspect of this learning phase but you know what? I'm going to bid my time!
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 12:43pm On Feb 14
So I also learnt that there are principles that guides UI/UX designs.

Some of the key UI/UX design principles in my own way of defining them includes :
1. USER CENTERED DESIGN: This principle signifies designing for the user's goals, objectives and behaviours, rather that the preferences of the designer or the business.

2. CONSISTENCY: This principles emphasizes on the use of similar patterns, shapes, elements and interaction throughout the product which helps reduce confusion and cognitive load.

3. VISUAL HIERACHY: Visual hierachy is the use of visual cues, such as size, color and contrast to guide the user's attention and focus on the most important elements of the product.

4. SIMPLICITY: Simplicity in design means reducing complex and un-needed elements and interactions which helps users focus on the essential tasks and information.

5. FEEDBACK: Providing feedback to the user is essential for creating a positive user experience, feedback can be visual, auditory, haptic and it helps users understand the resulus of their actions and the state of the system.

6. ACCESSIBILITY: Accessibility means designing for users with disabilities and ensuring that the product is usable and understandable for all users. This principle is crucial for creating inclusive and ethical products that are accessible for everyone.

1 Like

Re: Walk With Me On My UI UX Design Journey by rgtk2006: 8:10am On Feb 15
"I enrolled in VyTCDC's UI/UX designer course in Chennai to kickstart my journey into the world of design. This comprehensive program covers everything from design fundamentals to advanced UX methodologies, equipping me with the skills needed to create intuitive and user-friendly interfaces. With hands-on training and expert guidance from industry professionals, I'm gaining valuable experience in tools like Adobe XD and Sketch. By building a portfolio of projects throughout the course, I'm confident in showcasing my abilities to potential employers. VyTCDC's commitment to providing practical knowledge and 100% placement assistance ensures that I'm on the right path to a successful career in UI/UX design."
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 1:15pm On Feb 15
rgtk2006:
"I enrolled in VyTCDC's UI/UX designer course in Chennai to kickstart my journey into the world of design. This comprehensive program covers everything from design fundamentals to advanced UX methodologies, equipping me with the skills needed to create intuitive and user-friendly interfaces. With hands-on training and expert guidance from industry professionals, I'm gaining valuable experience in tools like Adobe XD and Sketch. By building a portfolio of projects throughout the course, I'm confident in showcasing my abilities to potential employers. VyTCDC's commitment to providing practical knowledge and 100% placement assistance ensures that I'm on the right path to a successful career in UI/UX design."

That's good

Nice connecting with you
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 5:52pm On Feb 15
DAY 5 of learning UI UX design

So today, I learnt about the visual principles of UI UX design, these are guidelines that helps designers create visually appealing and effective designs.

The Main guidelines for Visual design:
1. Balance
2. Contrast
3. Hierarchy
4. Alignment
5. Colour
6. Typography
7. Repetition
8. Proximity

And for the definition of each visual guidelines;

> I understand balance in Visual design to be the way visual elements in a design are arranged and there are three types of balance in Visual design
1. Symmetrical
2. Asymmetrical
3. Radial.

> For contrast; this refers to the difference between elements in a design which can be achieved by creating variation in colour, shape, size,texture and other visual elements.

> Hierarchy refers to the arrangement of elements in a design based on their importance. A good arrangement of elements in design helps users navigate the design and understand the relationship between different elements
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 5:53pm On Feb 15
> Alignment; the refers to how elements in design are placed, a well aligned design is easier to navigate and creates a sense of order.

> Promixity, this refers to the group of various elements in a design together, this helps understand the relationship between the elements


> Repetition: this involves using recurring visual elements in a design, this in turn creates a sense of unity and consistency in a design

> Colour can be used to create a variety of visual effects, including contrast, emphasis and mood. Colours can emit different emotions and have cultural associations

> Typography, this involves using font and typeface in a design, good typography makes the information in a design easily accessible and overall complements the design
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 1:38pm On Feb 16
DAY 6 OF LEARNING UI UX DESIGN

It's sad times for the country, there is hike in price for almost everything! And that is more reason to learn and upskill yourself, because as humans we must be ready to adapt and in fact create solutions in every given circumstances.

So today I learnt about the best practices for creating visually appealing designs.

These features are a must have to create visual appealing designs :
1. Consistency
2. Hierarchy
3. Good use of images and Graphics
4. User centered design
5. Accessibility
6. Good use of Color
7. Whitespace
8. Good Typography
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 1:53pm On Feb 16
We were also taught why these features are very important:

1. Consistency: Consistency in design helps create a sense of familiarity and helps users navigate the interface easily. Using the same visual and interactive elements throughout the interface helps in creating consistency in design.

2. Color: this can be used to create visually appealing designs and convey information. Choosing a colour scheme that is visually appealing and aligns with the brand identity is a sure way of create visually appealing designs

3. Typography: Typography can have a big impact on the overall look and feel of an interface. Using legible fonts and font sizes that are easy to read helps in creating visually appealing designs

4. White space: White space also known a negative space, refers to the space in between elements in a design. A good use of white space can help create a clean and uncluttered look and help draw attention to the important elements

5. Visual hierarchy: this refers to the arrangement of elements in design based on their importance. Use of visual cues, such as size, colour and placement to create a clear visual hierarchy and guide uses through the interface.

6. Images & Graphics: Images and Graphics can be used to convey information, create visual interest and establish the brand's identity.

7. User centered design: user centered design refers to designing with users needs, behaviour and goals.

8. Accessibility: Ensure the interface is accessible to all users, including those with disabilities. Consider factors such as Color, contrast, font size and navigation
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 8:02am On Feb 17
For visual updates like these

Follow me on IG @ayonidesigns_uiux wink

Have a lovely weekend grin

and for your graphic design services, chat me up on whatsapp me 070 6365 2991, let's work together

Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 5:30pm On Feb 17
Day 7

The electricity issue is still to be fixed but we moveeee! Today I learnt about User centered design process and understanding what it really means.

The User centered design process is a framework for creating digital products that emphasizes on the needs and goals of the user. This process involves understanding and grasping the user's behaviour, preferences and motivation and using that information to create a suitable and tailored design for the user.

We also learnt that the User centered design process involves the following stages.

Research: this stage involves collating data about the user, including their behaviour, preferences and needs. This can be achieved through User surveys, interview and usability tests. The goal of this stage is to deeply understanding the user and their context.

Analysis: This stage involves unifying the data collated in the research stage and identifying the patterns, themes and opportunities for improvement. This helps designers get a clear understanding of the user's needs and goals
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 5:34pm On Feb 17
As at this time of the night, I was battling between resting a little bit or going on with the learning.

I had to sleep o grin

Then I woke up early to continue the journey cheesy

Moving on,

Design: the design stage involves creating wireframes, prototypes and mockups based on the results/insights gained from the research and analysis stage. This stage is repetitive and involves feedback and testing from the users to refine the design.

Testing: this stage obviously involves testing the digital products with real users and collating insights and feedback on it's usability, effectiveness, and the overall level of satisfaction experienced from using the product. This helps identify the area for improvement

By following this process, designers can create products that are easy to use, engaging, effective and intuitive for the user.

Thanks for reading through
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 10:53am On Feb 19
Day 8: Role of UI/UX design in product development.

I was meant to post this yesterday but you know how Sundays can be in Nigeria, from closing late at Church to having to do some cooking and doing some finishing up on some of the design gigs I have at hand but we move! So yesterday I learnt about the roles of UI UX design in product development.

UI UX design plays a very critical role in product development because it ensures that digital products are designed with users needs, preferences and goals in mind and not just the preferences of the designer or the business. The primary goals of UI/UX design is to create products that are usable, accessible and visually appealing.

We also learnt the keyways UI/UX design impact product development, which are:
1. User Engagement: Good UI/UX design is crucial for creating a digital product that is engaging for the users. This is achieved by creating a visually appealing interface, designers can encourage users to interact with the product and achieve their goals easily and effectively.

2. User Satisfaction: UI UX design ensures that users are satisfied with their experience when using the product, by designing products that are easy to use, intuitive, engaging and efficient thereby increasing the likelihood of recurring usage and referrals.

3. Competitive Advantage: Effective UI/UX design can help create a competitive edge over the competitors, this can achieved by creating products that are not just visually pleasing but also effective and easy to use. This way, companies can differentiate themselves from their competitors and increase their market share.

4. Product Adoption: UI/UX design can play a critical role in product adoption. This can be achieved by creating user friendly interface, designers can reduce the learning curve for new users, and encourage adoption of the product.

5. Iterative Design: UI/UX design ensures that the product is always evolving and adapting to meet needed changes and preferences because UI/UX design is a recurring process.

UI/UX design is an essential aspect of product development. By focusing on creating user-friendly, engaging and effective products, designers can increase user satisfaction, market share and overall success of the product.

1 Like

Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 5:02pm On Feb 19
ANDDD WE ARE IN COURSE 2!
So I finished the first course yesterday, and I passed the quiz at the end of the course in flying colors grin. Thank God!, so I proceeded to course 2 today, and the first lesson was about USER RESEARCH

I learnt that User research is usually conducted at the beginning of the design process and involves a variety of methods to gather information about the user.

There are different ways of conducting User research, the most popular ones are:
1. Survey: This is a common method of collating data about the users. Survey are like are selected questions directed at a set of people to inquire about demographics, behaviors, preferences and attitude. Survey can be administered online, in person or via email.

2. Interview: This method involves a meeting between the designer and a user which requires the user to elaborate on their answers to the questions asked, this helps the designer to understand user's needs, goals and behaviors

3. Observation: This involves observing the user interact with the product or similar ones. This can help provide insights into the user's behavior, preferences and pain points.

4. Focus groups: This involves gathering a group of users to discuss a product or a concept. Focus groups can provide insights into the user's
attitudes and opinions about the product.

5. Contextual inquiry: This involves observing users in their natural environment and how they use the product depending on or relating to the circumstances that form the setting for an event, statement, or idea.

6. Card sorting: Asking users to organize content or features into categories to identify patterns and preferences. In a card sort, participants group ideas or information written on cards into different categories in a way that makes sense to them. You can use virtual cards, pieces of paper, or an online card sorting tool.

7. A/B testing: This simply means showing users two different versions of a design and see which work best for them. This is also called split testing.

8. Analytics: analyzing user data, such as website or app usage patterns to gain insights into user's behaviors. They help designers understand how users interact with the product, identify pain points and user delight features.

Are you a newbie techie? what are you learning? let us know! Let's connect guys
Re: Walk With Me On My UI UX Design Journey by michaellovaldo(m): 6:40am On Feb 20
It's Day 10!

Truth be told, it has not been a buttery smooth journey, but was it meant to be easy peasy? Not at all! So understanding that motivates me to move on with the learning, even when my eyes are so so so tired after long days at work.

So today, I learnt about the differences between a user and a end user.
A user is anyone that has access to the product during development stage while an end user are the people who use the product for it's intended purposes. e.g. A woman trying book an uber ride using a hailing app

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

Connecting To A Mysql Database Using Php / Web Developer And Designer Needed For Tech Startup / Keeping Only The Jbuttons In A Selected Row Active In A 2d Array

(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. 81
Disclaimer: Every Nairaland member is solely responsible for anything that he/she posts or uploads on Nairaland.