Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Intro to Sketch @PartechShaker

Ironhack Paris
September 05, 2017

Intro to Sketch @PartechShaker

Intro to UX Design, prototyping and Sketch

Ironhack Paris

September 05, 2017
Tweet

More Decks by Ironhack Paris

Other Decks in Education

Transcript

  1. Intro to
    Sketch
    4.09.2017

    View full-size slide

  2. Before we start:
    http://bit.ly/2gGCbzu

    View full-size slide

  3. Install
    Sketch 3

    View full-size slide

  4. Join the workshop
    www.join.me/francois-ironhack

    View full-size slide

  5. Now, a few words
    about us…

    View full-size slide

  6. Technology is
    everywhere

    View full-size slide

  7. Except in education

    View full-size slide

  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

    View full-size slide

  9. Take the master degree
    Who the hell said
    we needed 5 years
    to be a master
    of something?

    View full-size slide

  10. Just imagine
    what you can already do in 3 months ;-)

    View full-size slide

  11. That’s what we are about
    Become an active player
    of the digital revolution

    View full-size slide

  12. +900
    individual stories

    View full-size slide

  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

    View full-size slide

  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.

    View full-size slide

  15. Our students work in top-notch companies…

    View full-size slide

  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

    View full-size slide

  17. Ready to join?

    View full-size slide

  18. Next sessions
    UX/UI - Temps complet
    23 octobre ’17 - 15 décembre ‘18

    View full-size slide

  19. A few words about
    UX/UI

    View full-size slide

  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

    View full-size slide

  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

    View full-size slide

  22. Make products people use and love

    View full-size slide

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

    View full-size slide

  24. The 3 key questions
    WHO
    are the end-users?
    WHAT
    are their challenges or
    pain-points?
    HOW
    to solve them?

    View full-size slide

  25. WHO
    are the end-users?
    WHAT
    are their challenges or
    pain-points?
    HOW
    to solve them?
    IxD

    View full-size slide

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

    View full-size slide

  27. …And that’s when
    Sketch comes in!

    View full-size slide

  28. Macro vs Micro
    SKETCH
    $99
    PRINCIPLE
    $129

    View full-size slide

  29. Apple-first

    View full-size slide

  30. Solution for Windows users
    ✓ Set up a VM
    ✓ Improve laptop configuration
    ✓ Run MacOS X
    ✓ Install Sketch 3
    ✓ Install Lunacy (read)
    ✓ Install Avocode (create)

    View full-size slide

  31. 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 »

    View full-size slide

  32. 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/

    View full-size slide

  33. Let’s take
    a real example

    View full-size slide

  34. Let’s do the landing page
    using Sketch

    View full-size slide

  35. [email protected]
    Become an active player of the digital revolution

    View full-size slide