Now Reading
Introduction 101 to UX Design

Introduction 101 to UX Design

  • UX Designers put the user experience first and make technology easier to understand. We specialize in apps or website motion, visual design, and how people interact with tech products.
UX-Design-101-wendycecilia.com

What is a UX Designer? 

UX Designers put the user experience first and make technology easier to understand and navigate; we specialize in apps or website motion, visual design, and how people interact with tech products. Remember: UX designers put the user experience first and make technology easier to understand.

What is User Experience? 

A user experience is how the user feels interacting with a product, service, goods, item, or feature. For a good user experience, a UX product must be:

  • Enjoyable – When the design must be created thinking about a positive connection between the user and the product, that positive connection is made with feedback about the product’s design.
  • Equitable – When the design is equally accessible for users with diverse abilities, for example, some users are more visually connected with the design; others are better at reading, and others with sounds or hearing the stories.
  • Usable – When the design is clear to everyone because everyone was considered to use the product, including people with disabilities. 
  • Useful – We also need to create a design that solves a problem quickly, for example, a search icon to help find the information you are looking for or a map location to help find an address. 

Research About User Experience 

UX researchers discovered that businesses focusing on usability and design perform better than competitors; for example, think about any app you loved so much that you shared it with a friend and asked them to join; that translate to the user having a good user experience with the whole design concept and both sides benefited from the interaction—the company that created the product and the user who enjoys the product. But unfortunately, businesses still don’t grasp the role of UX design in improving a product or business. So now you know why UX design is vital for companies and the development of new products.

UX Designers

UX designers come from different backgrounds; for example, I went to college to study Business Management, and after that, I worked in construction, healthcare, and transportation for several years. Then, seven years ago, I decided to follow my growing interest in technology, changed my career, and took web development classes that eventually taught me about website development and UX design. And now, I’m a UX Designer with a background in both business and coding.

Different Backgrounds are Welcome

UX designers might come from different backgrounds and have professional experience in other industries, but we all share something in common. For example, we have similar interests and visual skills, such as the simple skill of recognizing when an image fits or not and what colors are better for designing an app or website, to name some skills.

What Does a UX Designer Do?

I forgot how many times I had answered this question in the past; some people outside of technology have never heard about UX design. Okay, here is a summary:

There are Three Types of UX Designers:

  • Interaction Designers – These designers focus on the experience and function of a product; these UX designers try to connect what the user needs and the business goals—for example, designing the user experience emphasizing privacy and security in an app or what happens when a user clicks a button. The job of interaction designers is all about easy navigation.
  • Motion Designers – These UX designers try to imagine a user as it moves between pages and creates the perfect transition for an app or website; for example, motion designers use the correct animation to tell a story; their job is to work with elements that move inside the app or website. 
  • Visual Designers – These UX designers are all about the visual aspect, concentrating on the product’s aesthetic; for example, visual designers might design icons, illustrations, logos, font colors, and layouts and provide the right colors for a button. The job of a virtual designer is to engage users with the design.

Other Job Categories in UX (User Experience):

  • Conversation Designers – Think of Siri or Alexa; conversation designers try to incorporate real-world conversation between the app and the user. The job of a conversation designer is to make it possible for a user to get things done through a conversation or questions while using the app. 
  • UX Engineers – These designers translate and bring to life the functioning part of the user experience of an app or website. The job of a UX engineer is to build providing the best experience.
  • Production Designers – These designers are a mix between engineers and interaction designers. Production designers ensure the final design matches the finished product— text, images, and spacing inside an app must be correct.
  • UX Program Managers – UX Managers, ensure the design and building process moves according to plan from start to completion of a product. 
  • UX Researchers – Researchers conduct studies to evaluate how people use a product; their job is to explore how a product can resolve a user’s problem. 
  • UX Writers – UX writers create the language inside an app to make it easy to understand, for example, by writing labels for buttons in an app; their job is to help with a brand’s personality or voice and what would be the right words to communicate an action or an idea. Note: A graphic designer is NOT a UX designer; graphic designers work with a physical product; in contrast, UX designers work with interaction and motion while using a tech product.  
UX-Design-101-wendycecilia.com

The Life Cycle of a UX Design Project 

A UX designer’s goal is to move a product’s design from an idea into something tangible; this usually involves working with all the different UX designers to provide the best user experience. 

UX Life Cycle

  • Brainstorm:  Working as a team about ideas for the potential need of a UX product, researching competitors, and identifying ways to upgrade and improvise what is already on the market with new ideas and develop a better product. 
  • Define: Gathering knowledge and finding a way to impact the user—for example, helping to identify who will be using the product or what type of problems will the new product resolve for the user.
  • Design: Analyzing realistic ideas while creating storyboards or sketches at the same time, designing prototypes that will allow a UX designer to perform testing is the step when UX designers are more involved in the process, so first, we start working on the specifications of a project design appearance then follows the implementation, ensuring everything is easy, like the screen app, button, navigation, the home page, cart, etc. 
  • Test: The design is now ready to begin all functional testing and is evaluated based on user feedback; this step involves a joined interaction between UX designers and UX engineers. Next, we start experimenting with a functioning prototype, and we need to run three types of UX testing.

Three Types of UX Testing:

  1. A test within the company called alpha testing looks for glitches in the product. 
  2. Reports from management make sure the product follows the company standard and government rules for privacy. 
  3. This step is crucial for an external test with potential users and is called beta testing; this testing determines if the product genuinely provides the required user experience standards; if something goes wrong, the design is tested repeatedly until everything is fixed and the product works correctly.

The designing and testing might be back and forth among designers until the product is finally ready to be launched.

Launch: 

The product is now ready for the world and might require other steps, for example, building a website to go live, listing an app at Google or Apple Store, or making a physical product available in stores; this step is also when the marketing and advertising team promotes the new UX design product after launch, there is always room for growth new challenges and opportunities might appear to improve the design in addition, upgrades might need to be implemented after the product is on the market.

User-Experience-UX-Design-101-wendycecilia.com

Designing and Understanding a Good User Experience – UX Design 

Let’s talk about a good UX user experience; imagine yourself creating a new account on a new social media app; you know where that button takes you; when you try to press a button, your guess is usually correct because for the user to feel comfortable utilizing the app, buttons need to be predictable imagine clicking an app button and not doing what’s expected or taking you to a different function or page the app will not be helpful to you. After all, it’s not working according to your needs and expectations; these instances are the roadblocks of UX design; if the design doesn’t reflect the user’s needs, it’s a poor design; for example, think about a door if the door says pull but keeps pushing, you’ll have a problem opening the door the same idea is used for poor UX design and is called Norman doors instead, a UX design needs comprehensible buttons, icons, and language to move the user around the app.

Responsibilities of a UX Designer:

  • Researching – Always start a research project to learn more about the user’s age, demographic, and location; it essential as well is to know about the user’s motivation, life goals, or interests; the main job is to discover as much information about the users before initiating a new product design. 
  • Wireframing – A wireframe is a sketch of a screen or a product; this is the first step after research to start designing; it could be done digitally on a computer or manually drawn on paper; a wireframe helps the UX designer outline how to arrange the pages on an app or website. 
  • Prototyping – A prototype is similar to wireframing but more advanced. A prototype is an initial model of a product demonstrating functionality; wireframing is just the idea of the product. Meanwhile, prototyping is a sequence from one screen to another; different prototypes could be created: a digital prototype, a physical prototype, or a drawing prototype; the primary purpose of working with wireframing or a prototype is to start designing quickly and inexpensively.
  • Information Architecture – Information architecture is the framework of a website; you can find an example here on my website; on the top screen in the center, you could find a category called technology, and inside technology, you could find a drop-down menu with several sub-categories that are called information architecture. It tells you how a website or an app is organized and the areas where you could go next.  
  • Communication – Designing a UX product requires working as a team and sharing information as the design improves among all the UX designers.

UX Designers at Big Companies Versus Small Companies

  • Big Companies UX Designers: Big companies can hire several specialist UX designers in different areas of UX design during the creation or completion of a project; there might be another UX designer for each project’s life cycle step; a Specialist UX designer is highly skilled in one part of the design process; for example, a Visual Designer at a big company has the space to concentrate on just visual design. 
  • Small Companies UX designers: A small company might hire a Generalist UX Designer; this is a designer that wears many different hats sometimes; they work doing research, interaction, visual, branding, wireframing, prototyping, UX writing, production design, testing, information architecture, and many other skills. 
  • Another Type of Designer is the T-Shaped Designer: A T-shaped designer has all the experience and skills of UX design; they probably started as Generalist and then turned into a Specialist; aT-shaped is someone working as a UX specialist but has several other skills like coding, prototyping, and writing, for example, I’m a T-shaped designer I’m a web developer and web designer, and now I’m working on Visual UX design projects.  
User-Centered-and-Framework-UX-Design-101-wendycecilia.com

User-Centered Design and Frameworks in UX 

The user-centered design puts the user front and center. Therefore, UX designers must consider the user’s emotions, story, and feedback while designing.

  • User Versus End-User? Easy, think this way let’s pretend that you are a writer for children’s books children are the ‘end-user.’ but who will be the one buying the book? the parent, who in this case is ‘the user.’ UX design is mapped to create for the end-user, but we must also consider other users. 
  • User-Centered Design Process: The main goal of user-centered design is to resolve a user experience problem and not just design your personal experience so the user will consume or buy your product; the more you research users, the better the design the user experience goes first and everything else second regarding UX design once we do plenty of research on the users, we use the information gathered using the four steps for the user-centered design process: understand, specify, design, and evaluate.

Understand, Specify, Design, and Evaluate a User-Centered Design Process

  • Understand: How is the end-user experiencing the product? 
  • Specify: Is there a problem to solve for the end-user? What needs does the end-user have?
  • Design: Answer the end-user problem with your design and use your ideas to start building a product that will answer those needs.
  • Evaluate: Now, use your design and compare that design with the end-user needs. Finally, test it on real users and answer whether the design solves the problem.

The key is using iteration while designing, doing something again by building on previous versions, and making upgrades.

Frameworks in UX Design

A framework is a structure that supports the problem you are trying to solve; let’s talk about two frameworks: the five elements of the framework and the design thinking framework.

The Five Elements of Framework 

The five elements of the framework transform an idea into a working product, consisting of strategy, scope, structure, skeleton, and surface—each dependable on the other. 

Strategy, Scope, Structure, Skeleton, and Surface of UX Framework

  • Strategy: specifying the user’s needs and objectives of a business. 
  • Scope: Decide what you are building regarding features and content in the UX product.
  • Structure: Coordinating the design and how the user will interact.
  • Skeleton: This is the interior layout of the product design.
  • Surface: how the product looks and how the user experiences the product.

The Design Thinking Framework

It means conceiving solutions to a user’s problem in a functional, affordable design thinking involves five steps: empathize, define, ideate, prototype, and test. 

Empathize, Define, Ideate, Prototype, and Test of Design Thinking Framework

  • Empathize: Learning how to think and feel like the end-user and discovering its needs; this information is obtained through interviews and surveys to view the end-user and their difficulties.
  • Define: Present a clear definition of the problem the end-user needs to resolve. 
  • Ideate: In simple terms, it is brainstorming and developing as many ideas as possible and selecting what can be used as a prototype among those ideas. 
  • Prototype: a scaled-down version of a product detailing essential functions, the goal, and the idea must be clear to create a good prototype. 
  • Test: Once we create the prototype, we test the prototype with real users to obtain opinions before the product is built.

These frameworks are used depending on the company and the size of the team or project; depending on the feedback from the test, you might need to be back and forth with the design until all problems are solved, and the product is ready to be shared with the world.

Lean-UX-and-Double-Diamond-UX-Design-101-wendycecilia.com

Lean UX and Double Diamond 

Lean UX and Double Diamond are frameworks of UX design; lean UX reduces time and resources to produce a fast, usable product; this is an iterative process, meaning updates and revisions are constantly being changed and applied; there are three steps for Lean UX: think, make and check.

Steps in Lean UX: Think, Make and Check

  • Think: What type of problem is the user encountering? And how to solve the problem with the design? It’s all about gathering research, who the product is for, and how it will help the user. 
  • Make: Start creating sketches, wireframes, or prototypes; a minimum viable product (MVP) is a simple design prototype that can test with the target end-users; audience prototypes are updated as feedback is gathered.
  • Check: Discover how users respond to the design and obtain feedback from stakeholders; then, provide adjustments to the design and repeat all necessary steps until perfection.

These are repetitive steps until the whole team reaches the final product; lean UX promotes collaboration and productivity and is cross-functional, working with engineers and UX researchers. 

The Lean UX Process Has Six Principles:

Move forward, stay curious, test ideas in the real world, externalize your thoughts, reframe deliverables as outcomes, and embrace radical transparency.

  • Move Forward: concentrate on design elements moving the design towards a goal.
  • Stay Curious: use feedback to learn why a design works or doesn’t.
  • Test Ideas in The Real World: test the idea with real users utilizing a prototype. 
  • Externalize Your Ideas: turn the idea into something physical while fresh in your mind to obtain feedback during the early stage.
  • Reframe Deliverables As Outcomes: create a pleasant product and always design for the user first.
  • Embrace Radical Transparency: be honest with everyone on the team about progress and avoid wasting time.

The Lean UX process design is all about feedback and constant updates.

See Also
Wendy Cecilia Reyes - wendycecilia - wendycecilia.com

Double Diamond

The Double Diamond design process has two main phases: research and design; research involves two phases: discover and define, and design involves develop and deliver.

Research

  • Discover The Problem: gather information about the issues being faced by the users.
  • Define The Problem: concentrate on the central point the product intends to solve.

Design

  • Develop Solutions for The Problem: Design a work in progress using wireframes and prototypes.
  • Deliver The Product: Test the product and have it ready for release. 

Double Diamond is iterative; the process repeats itself several times; it requires teamwork and multiple responsibilities and roles.

Double Diamond Steps: focus on the user, communicate, collaborate and iterate.

  • Focus on the user: the user is always the main priority.
  • Communicate: visual communication that is also accessible and equitable.
  • Collaborate: Creativity is encouraged among team members.
  • Iterate: Make revisions several times. The UX design is a work in progress. 

It all depends on your team to determine which steps to use learning these processes is essential to understanding the dynamics of building a UX product in my next post, I’ll discuss the life cycle of a UX designer developing and working on a product.

Please comment, share or email this post to a friend. Thanks for your support!

 

Wendy Cecilia Reyes


 Recommended UX Books


READ MORE:

Introduction 101 to UX Design

How To Create An XML Sitemap And Submit It To Google

SEO Search Engine Optimization Is Important for Your Website

Tips for Building Your First Small Business Website

Things I Wish I Knew Before Creating My Site

About * Contact * Disclaimer * Privacy Policy * Terms & Conditions

 

 

*Disclaimer: WENDYCECILIA.COM uses affiliate programs, which means that if you click and purchase some items featured on WENDYCECILIA.COM, I might make a commission. WENDYCECILIA.COM uses third parties to develop these partnerships. I only recommend or endorse products and services I have personally tried or appreciated. Affiliates or brands do not influence my editorial content. All opinions are my own. My affiliate partners are Amazon Associate, Shopstyle Collective, and rewardStyle. The content on this website is based on PERSONAL EXPERIENCE and should be used FOR INFORMATION ONLY. You are responsible for doing your own research on this information. What you do with this information is strictly at your own risk; WENDYCECILIA.COM will NOT BE LIABLE for the use you give to this information. By using WENDYCECILIA.COM, you now consent to the Privacy Policy and agree to its Terms and Conditions.

 

 

 

Scroll To Top