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
地理院地図をもっと楽しく！れきちず新機能のご紹介
Avatar for Hajime Kato hjmkth
1
110
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
280
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
0
1.5k
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for matsukada licux
7
1.4k
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
Avatar for マズロー安達 maslow_akkun
0
260
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
310
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
340
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
6
790
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.7k
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
0
410
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
1
830
harutaka Vision Deck
Avatar for ZENKIGEN,Inc. zenkigenforrecruit
0
190

Featured

See All Featured
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.9k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Faster Mobile Websites
Avatar for Dean Hume deanohume
309
31k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
51
3.4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
48
9.6k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
560
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k

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.