UI, UX: Who Does What? A Designers guide to the tech industry. Design has never been more important to the success of product design, but when it comes to finding the right designer companies struggle. One of the biggest reasons for this is that companies don’t know what kind of designers they need. This is understandable The number and sophistication of devices and digital platform mean the design is becoming more complex and specialized, so figuring out the people needed can be trick. To help navigate the digital design landscape I’ll be taking you through the most common roles and what they do.

01 02 03 04 Agenda About me Guide to common design roles Q&A References 04 Before I jump into the different design roles, here’s a quick overview. A little bit about me , a lot about the common design roles , few references

About Me Months at Altron Karabina 9 11 Months at Altron Karabina 9 Years working in the SharePoint space 1 Year as an Instructional Designer UI/UX Consultant 2 Years as an UX generalist 1 User experience design certificate Member of The Interaction Design Foundation

UX Designer (User experience Designer) https://netbramha.com UX Designer (User experience Designer)

UX Designer (User experience Designer) Responsible for the overall user experience of a product. Design products with and for the users UX designer’s job will probably seem mysterious at first (“Wait, you don’t make graphics?”) and confusing at best. (“Why is the new designer interviewing people?”) Deliverables: Wireframes of screens, storyboards, sitemap, personas, research, user interviews Tools of the trade: Photoshop, Sketch, Illustrator, Fireworks, InVision https://netbramha.com Responsible for the overall user experience of a product. Design products with and for the users UX designer’s job will probably seem mysterious at first (“Wait, you don’t make graphics?”) and confusing at best. (“Why is the new designer interviewing people?”) Deliverables: Wireframes of screens, storyboards, sitemap, personas, research, user interviews Tools of the trade: Photoshop, Sketch, Illustrator, Fireworks, InVision Soft skills Sketching Storytelling Critiquing Presenting Facilitating

What will I be making as a ux designer?

What will I be making as a ux designer? Wireframes Site maps Prototypes What will I be making as a ux designer?

UI Designer (User interface designer) A user interface is like a joke. If you have to explain it, it’s not that good. UI is how things look, UX is how things work. UX is a process, while UI is a deliverable Deliverables: Look and feel, Branding and Graphic Development, User Guides/Storyline Tools of the trade: Photoshop, Sketch, Illustrator, Fireworks A user interface is like a joke. If you have to explain it, it’s not that good. UI is how things look, UX is how things work. UX is a process, while UI is a deliverable Deliverables: Look and feel, Branding and Graphic Development, User Guides/Storyline Tools of the trade: Photoshop, Sketch, Illustrator, Fireworks https://netbramha.com

User Interface Design Deliverables

User Interface Design Deliverables User flow charts Mockups Wireframes Style guides User Interface Design Deliverables User flow charts Pixel perfect mockups Wireframes Style guides

Something that looks great but is difficult to use is exemplary of great ui and poor ux. While something very usable that looks terrible is exemplary of great ux and poor ui Something that looks great but is difficult to use is exemplary of great ui and poor ux. While something very usable that looks terrible is exemplary of great ux and poor ui

Don’t let Your Users Get Killed Because of Your Design In 2015, precisely 13,574 cars of the American brand Lincoln were recalled because the Start/Stop button of the car had to be moved. The reason? Drivers accidentally pushed their cars’ Start/Stop button while driving at full spee d. 

Interaction Designer (Web Designer) The digital space is an interactive designer’s domain Understand the technology used to build websites and turn designs into actual online experiences. Tools of the trade: Photoshop, Illustrator, Dreamweaver, CSS, HTML, Wireframing and Prototyping Interactive designers create: Websites, landing pages, microsites Blog templates and themes Banner ads Social media assets Email marketing assets The digital space is an interactive designer’s domain Understand the technology used to build websites and turn designs into actual online experiences. Tools of the trade: Photoshop, Illustrator, Dreamweaver, CSS, HTML, Wireframing and Prototyping Interactive designers create: Websites, landing pages, microsites Blog templates and themes Banner ads Social media assets Email marketing assets

“Web design is not just about creating pretty layouts “Web design is not just about creating pretty layouts. It’s about understanding the marketing challenge behind your business.” ― Mohamed Saad “Web design is not just about creating pretty layouts. It’s about understanding the marketing challenge behind your business.” ― Mohamed Saad

Motion Graphics Designer https://netbramha.com Motion Graphics Designer

Motion Graphics Designer Responsible for bringing motions to otherwise still images, illustrations, text, animation, etc. All kinds of videos, animated graphics, animated presentations, storyboards, product demos, and movie title sequence are the examples of motion graphics. Motion graphics is sometimes confused with animation, but they are two different things. Motion graphics is a type of animation or can be considered as a variant of it. Responsible for bringing motions to otherwise still images, illustrations, text, animation, etc. All kinds of videos, animated graphics, animated presentations, storyboards, product demos, and movie title sequence are the examples of motion graphics. Motion graphics is sometimes confused with animation, but they are two different things. Motion graphics is a type of animation or can be considered as a variant of it. https://netbramha.com

Visual Designer (Graphical Designer) Someone who creates visuals, images and other visual- appealing elements, usually for conveying and idea. The works covered by a graphic designer include: Logos, Brochures, Leaflets, Business Cards and more They use colors, images, shapes and words to create attractive graphic designs to be used in various places. The most common use of graphic designing is in game development and for creating marketing products. A visually appealing design can inspire customers to read about a new product or service. By @VladyslavTyzun

Front-end Developer (UI Developer) Front-end developers are responsible for creating a functional implementation of a product’s interface. Front-end developers are responsible for creating a functional implementation of a product’s interface. https://netbramha.com

Front-end Developer (UI Developer) Front-end developers are responsible for creating a functional implementation of a product’s interface. Front end web developers use HTML, CSS, and JavaScript to code the website and web app designs created by web designers. Deliverables: Wireframes, UI Design, Front-end coding, Testing Tools of the trade: CSS, HTML, JavaScript, jQuery Responsive and mobile design Cross-Browser Development Testing and Debugging Performance Optimisation Problem Solving Skills Front end web developers use HTML, CSS, and JavaScript to code the website and web app designs created by web designers. Deliverables: Wireframes, UI Design, Front-end coding, Testing Tools of the trade: CSS, HTML, JavaScript, jQuery Responsive and mobile design Cross-Browser Development Testing and Debugging Performance Optimisation Problem Solving Skills https://netbramha.com

The best way to look for the right person is to describe what you expect the designer to do within your company’s process, and choose a title that best represents the primary task of that person. The best way to look for the right person is to describe what you expect the designer to do within your company’s process, and choose a title that best represents the primary task of that person.

Q & A

The User Experience Team of One: A Research and Design Survival Guide, Buley, Leah. Don’t make me think, Steve Krug A Designer's Guide to the tech industry https://www.fastcompany.com/30670 15/a-designers-guide-to-tech-in-2017 https://blog.sagipl.com/typ es-of-designers/ References https://netbramha.com Video: https://youtu.be/O5qf7wD6lQ4

Thank you!