1. 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.

2. 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

3. About Me Months at Altron Karabina 911
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

4. UX Designer (User experience Designer)
UX Designer (User experience Designer)

5. 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
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

6. What will I be making as a ux designer?

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

8. 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

9. User Interface Design Deliverables

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

12. 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

13. 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. 

14. 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
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
marketing assets

15. “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

16. Motion Graphics Designer
Motion Graphics Designer

17. 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.

18. 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.

20. 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.

21. 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

23. 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.

24. Q & A

25. 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
15/a-designers-guide-to-tech-in-2017
es-of-designers/
References
Video:

26. Thank you!