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
460

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
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
350
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
760
地理院地図をもっと楽しく！れきちず新機能のご紹介
Avatar for Hajime Kato hjmkth
1
190
mount_company_profile
Avatar for mount inc. mount_inc
0
2.5k
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
160
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.4k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
800
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
460
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
320
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.4k
FigmaのFigmaファイルから学ぶTips & Tricks
Avatar for Hiroki Tani hilokifigma
0
720
Liquid GlassとApp Intents
Avatar for touyou touyou
0
470

Featured

See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.2k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
10k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
2
240
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
57
6k
Practical Tips for Bootstrapping Information Extraction Pipelines
Avatar for Matthew Honnibal honnibal
PRO
23
1.5k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
650
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
11k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
8
330
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
76
5.1k

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.