Design Study for Non-Designers

Slides prepared for Design Matters Tokyo Eve Meetup / Spectrum Tokyo Meetup.

Transcript

1. Design Study
   
   for
   
   Non-Designers
   Ayumi Kumano : ROUTE06, inc. June 1, 2023 / Design Matters 23
   

   View Slide

2. twitter: @ayumiko
   Ayumi Kumano
   Design Manager@ROUTE06
   02
   

   View Slide

3. Today’s theme is
   
   "Design Study for Non-Designers"

   03
   

   View Slide

4. "Design Study Weekly (DSW)"

   04
   

   View Slide

5. View Slide

6. View Slide

7. Why did I decide to teach design
   to non-designers?
   07
   

   View Slide

8. Software engineers and product
   managers had a desire to learn
   how to use Figma.
   08
   

   View Slide

9. Participants
   Software engineer%
   Product manager%
   AccountinÉ
   Corporate engineer%
   HR
   09
   

   View Slide

10. I will start DSW!
    Today's progress!
    Today's Figma: ~~~
    

    View Slide

11. Today was the first time Ms. A joined us!
    
    Thank you all for joining us!
    I was surprised at how fast Ms. A was!
    
    It's been a while since I've had dsw fun & learned a lot! I'll try my best to continue next time!!!
    I learned for the first time that there are such things as masks and commands!
    

    View Slide

12. Participants Works
    11
    

    View Slide

13. HR
    12
    

    View Slide

14. Malesuada sapien cursus aliquam tellus sagittis. Ultrices ipsum
    nisl a massa duis. Eget eu massa consequat faucibus. Hac
    faucibus lacus pellentesque iaculis arcu lorem. Aliquet auctor
    massa senectus cras ultricies amet ultricies egestas. Ut cras
    egestas amet senectus est sed convallis tortor. Nunc.
    
    Try for free
    Create your
    
    own dress
    Create your
    
    own dress
    

    View Slide

15. Software Engineer
    14
    

    View Slide

16. John Doe
    Akashi Yaki Island
    77 2M 35
    shots Followes Following
    

    View Slide

17. Settings
    Ann Mark
    Personal Infomation
    Country
    Language
    Account
    Privacy and Security
    Performance
    Country
    Language
    Private Aconunt
    Private Aconunt
    

    View Slide

18. 4
    4
    9
    9
    8
    8
    AC
    AC %
    %
    ±
    ± ÷
    ÷
    ＋
    ＋
    ー
    ー
    ｘ
    ｘ
    2
    2
    6
    6
    1
    1
    7
    7
    5
    5
    9
    9
    .
    .
    0
    0 ＝
    ＝
    0
    

    View Slide

19. Accounting
    18
    

    View Slide

20. check out
    1234 5678 8901 1111
    1234 5678 8901 1111
    17/3
    Card Number
    Expiry Date
    CVV
    17/3 ?
    

    View Slide

21. Create your
    
    own dress
    Malesuada sapien cursus aliquam tellus sagittis.
    Ultrices ipsum nisl a massa duis. Eget eu massa
    consequat faucibus. Hac faucibus lacus
    pellentesque iaculis arcu lorem. Aliquet auctor
    massa senectus cras ultricies amet ultricies
    egestas. Ut cras egestas amet senectus est sed
    convallis tortor. Nunc.
    

    View Slide

22. Go Home
    404
    

    View Slide

23. Setting
    Account
    Privacy and Security
    Ann Mark
    Country
    personal Information
    Language
    Private Account
    Activity Status
    Bloccked Accounts
    Linked Accounts
    Privacy and Security Help
    

    View Slide

24. 0
    7 8 9 ×
    AC ＋
    
    −
    % ÷
    4 5 6 -
    1 2 3 +
    0 ・ =
    

    View Slide

25. What do I teach at DSW?
    24
    

    View Slide

26. Participants' comments are like
    
    "This looks weird",
    
    "This doesn't look good." ...
    25
    

    View Slide

27. Explain:
    2 Design principle'
    2 Typograph
    2 Whitespace usag!
    2 Color choices
    
    2 ContrasH
    2 The intended impressioF
    2 The target audienc!
    2 Recent design trends
    26
    

    View Slide

28. This process is a wonderful
    opportunity for me, to learn how
    to verbalize and explain the
    design words.
    27
    

    View Slide

29. Enjoying the process is the best
    way.
    28
    

    View Slide

30. Thank you
    29
    

    View Slide