Intro to Sketch @PartechShaker

Intro to UX Design, prototyping and Sketch

Transcript

1. Intro to Sketch 4.09.2017
2. Before we start: http://bit.ly/2gGCbzu
3. Install Sketch 3
4. Join the workshop www.join.me/francois-ironhack
5. Now, a few words about us…
6. Technology is everywhere
7. Except in education
8. How education works How technology works ★ Solo mode ★ Top-down ★ Absolute rating ★ Closed environment ★ Non-divergent thinking ★ Linear ✓ Collaborative mode ✓ Bottom-up ✓ Relative rating ✓ Open environment ✓ Divergent thinking ✓ On-demand
9. Take the master degree Who the hell said we needed 5 years to be a master of something?
10. Just imagine what you can already do in 3 months ;-)
11. That’s what we are about Become an active player of the digital revolution
12. +900 individual stories
13. Learn to design UX/UI DESIGN FULL TIME 8+1 weeks 5 days/week Next session starting: October 23rd, 2017 Next session ending: December 15th, 2017
14. Students’ placement We assist students in finding the best job opportunities Career coaching Job preparation Network We help students to prepare their digital presence. They have expert advice throughout the bootcamp. Your final project will be supervised by industry experts often looking to hire. We sat in interviews after the course during the Hiring Week. Delve into the community through our workshops. Join us for the most important Meetups in each city.
15. Our students work in top-notch companies…
16. …or have launched their own company « Since graduating from Ironhack, I have created three digital products. The last one, Gemssy, is a website and mobile development platform. We are now 6 people working in the company - mostly Ironhackers like me. So I am more than very satisfied with what I got from my Ironhack experience! :) » Tabi Vicuna CEO @Gemssy Stanford alumni
17. Ready to join?
18. Next sessions UX/UI - Temps complet 23 octobre ’17 - 15 décembre ‘18
19. A few words about UX/UI
20. « The real problem with the interface is that it is an interface. Interfaces get in the way. I don’t want to focus energies on an interface. I want to focus on the job… » Donald Norman The Design of Everyday Things
21. User experience is The process of enhancing the end-user satisfaction by improving the usability, accessibility and pleasure provided in the interaction between the end-user and a given product or service
22. Make products people use and love
24. Empathy for the end user Empathic design is the process of developing an understanding of users, not just their overt needs, but of their constraints, practices, problem-solving approaches, contexts, and the interrelations between people as a whole
25. The 3 key questions WHO are the end-users? WHAT are their challenges or pain-points? HOW to solve them?
26. WHO are the end-users? WHAT are their challenges or pain-points? HOW to solve them? IxD
27. Interaction Design IxD is the design of the interaction between users and products. Most often when people talk about interaction design, the products tend to be software products like apps or websites. The goal of interaction design is to create products that enable the user to achieve their objective(s) in the best way possible.
28. …And that’s when Sketch comes in!
29. Macro vs Micro SKETCH $99 PRINCIPLE $129
30. Apple-first
31. Solution for Windows users ✓ Set up a VM ✓ Improve laptop configuration ✓ Run MacOS X ✓ Install Sketch 3 ✓ Install Lunacy (read) ✓ Install Avocode (create)
32. Get started 1 2 3 Download Sketch at www.sketchapp.com Go through the tutorial www.sketchapp.com/learn Install shortcuts with www.sketchshortcuts.com 4 Go to Preferences/General and turn on « Pixel fit when resizing layers »
33. Explore the community • SKETCH COMMUNITY - https://sketchapp.com/community/ • SKETCH APP RESOURCES - http:// www.sketchappsources.com/ • DESIGN + SKETCH - https://medium.com/sketch-app- sources • SKETCH TIPS - http://www.sketchtips.info/ • GITHUB PLUGIN DIRECTORY - https://github.com/ sketchplugins/plugin-directory • UI TILES: https://pixelbuddha.net/ui-tiles/
34. Let’s take a real example
35. Any idea?
36. Let’s do the landing page using Sketch
38. paris@ironhack.com Become an active player of the digital revolution