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

Interface Design: What is it & how to practice ...

Avatar for Bryce Howitson Bryce Howitson
February 03, 2023
Design
99
0

Interface Design: What is it & how to practice safely without and art degree

Avatar for Bryce Howitson

Bryce Howitson

February 03, 2023

More Decks by Bryce Howitson

See All by Bryce Howitson
The Great Divide: Decoding the Design vs. Dev Dictionary
Avatar for Bryce Howitson brycehowitson
0
210
Devfest MPLS - HCI: The UX of AI
Avatar for Bryce Howitson brycehowitson
0
54
HCI: The UI of AI DevFestYYC 2024
Avatar for Bryce Howitson brycehowitson
0
50
Design for Developers - DevFest Montreal 2022
Avatar for Bryce Howitson brycehowitson
0
100
Please stop building killer robots - PhxMobi 2020
Avatar for Bryce Howitson brycehowitson
0
48
Great North DevFest: Chrome Dev Tools tricks to improve your site's experience
Avatar for Bryce Howitson brycehowitson
0
77
Guard Rails: Designing bots that enhance society
Avatar for Bryce Howitson brycehowitson
1
66
DevFestMI: Moving conversations with robots from science fiction to reality
Avatar for Bryce Howitson brycehowitson
2
64
How Sci-fi taught us to experience voice UI (Devfest DC)
Avatar for Bryce Howitson brycehowitson
2
130

Other Decks in Design

See All in Design
なぜ、インサイトを貯めるのか？
Avatar for 田島佳穂 tajima_kaho
3
2.4k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
280
hicard_credential_202601
Avatar for hicard hicard
0
250
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
480
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
200
kintone開発における​ライターの役割の変化​〜AI活用を添えて〜 / Changes in the Role of Writers in Kintone Development
Avatar for keroyama keroyama
0
130
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
310
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
Avatar for 都村　美帆 abokadotyann
4
970
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
2k
開発・制作におけるUI・UXデザインの重要性について～UI・UXデザインってなんだろう～
Avatar for yomogi_sakura yamasaku
0
130
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
430
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
160

Featured

See All Featured
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.5k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
Building AI with AI
Avatar for Ines Montani inesmontani
PRO
1
1.1k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
450
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
270
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
300
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
800
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
25
2k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
9.5k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k

Transcript

  1. @howitson Practice Safe Design Interface Design What is it &

    how to practice safely without an art degree

  2. Artist* @howitson Practice Safe Design

  3. None
  4. None
  5. None

  6. Practice safe design! Don’t Make Art @howitson Practice Safe Design

  7. NOT: Subjective NOT: Self Serving NOT: Random @howitson Practice Safe

    Design

  8. Yes, even you, Can learn to design. @howitson Practice Safe

    Design

  9. Good artists borrow. Great artists steal! @howitson Practice Safe Design

  10. None

  11. Patterns Not argyle & plaid @howitson Practice Safe Design

  12. None
  13. None
  14. None
  15. None

  16. Hierarchy Matters A lot @howitson Practice Safe Design

  17. None
  18. None

  19. 1. @howitson Practice Safe Design

  20. None
  21. None

  22. Typography More than just words @howitson Practice Safe Design

  23. @howitson Design for Developers Image: https://dribbble.com/tiagofank

  24. @howitson Design for Developers Expressive Fonts

  25. None

  26. To serif or not to serif. That is the question.

    @howitson Practice Safe Design
  27. None

  28. 01 Font pairs for Google fonts www.fontpair.co/all 02 Learning about

    typography m2.material.io/design/typography/understanding-typography.html

  29. Layouts that work Creative Space @howitson Practice Safe Design

  30. None
  31. None
  32. None
  33. None

  34. Docker / Kubernetes @howitson Practice Safe Design

  35. Docker / Kubernetes @howitson Practice Safe Design

  36. None
  37. None

  38. Consistency Consistency Consistency @howitson Practice Safe Design

  39. None
  40. None

  41. Not just for walls Painting @howitson Practice Safe Design

  42. None
  43. None
  44. None
  45. None
  46. None

  47. STOP! WARNING LET’S GO!

  48. 01 Color Inspiration color.adobe.com/trends/Ui/ux 02 Color weights/values m2.material.io/resources/color/ 03 Material

    Color Picker m2.material.io/design/color/the-color-system.html

  49. Question Everything @howitson Practice Safe Design