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

UI Design and Invisible Interfaces

Avatar for Ali Ali Ali Ali
October 07, 2011
Design
12
470

UI Design and Invisible Interfaces

A talk about user interface design that I gave at Refresh Rochester couple of years ago.

Avatar for Ali Ali

Ali Ali

October 07, 2011
Tweet

More Decks by Ali Ali

See All by Ali Ali
My Evolution
Avatar for Ali Ali alialithinks
1
120

Other Decks in Design

See All in Design
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
190
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
210
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
280
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
170
Drawing_for_Anim_Final_PDF.pdf
Avatar for Mandalyn Teo lynteo
2
110
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
220
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
660
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
800
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
2
540
kintone_aroma
Avatar for kintone kintone
0
1.6k
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
720
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
340

Featured

See All Featured
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
120
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
190
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.8k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.5k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
140
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.8k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
250
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
5.2k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k

Transcript

  1. UI Design and Invisible Interfaces

  2. My name is Ali Ali Lead UI designer at Dumbwaiter

    Design Adjunct professor at RIT

  3. A few user interface design fundamentals

  4. Get to know the end users

  5. Flow the mental state of operation in which the person

    is fully immersed in what he or she is doing by a feeling of energized focus, full involvement, and success in the process of the activity. wikipedia.org Get the users in the

  6. Donʼt reinvent the wheel

  7. Donʼt reinvent the wheel

  8. Donʼt reinvent the wheel

  9. Donʼt reinvent the wheel

  10. Stay consistent

  11. Provide Feedback

  12. Clue in the End User Clearly state the purpose of

    the website

  13. Let whatʼs important standout Lead users actions toward achieving the

    goals of your website

  14. So what do you mean by invisible interfaces?

  15. None

  16. But seriously...

  17. “The better the design, the more invisible it becomes.” —

    Jared M. Spool
  18. None

  19. "The simplest way to achieve simplicity is through thoughtful reduction."

    — John Maeda
  20. None
  21. None

  22. Target the human intuition.

  23. None

  24. Learn from physical interfaces

  25. None

  26. If you need to explain your user interface then redesign

    it.