Upload File

app visual design & user interface inspiration · 4/9/2015  · app visual design & user...

  • Home
  • Documents
  • App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers
31
App Visual Design & User Interface Inspiration Matthew Frederick

Upload: others

Post on 20-Sep-2020

1 views

Category:

Documents


0 download

Report

TRANSCRIPT

Page 1: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

App Visual Design & User Interface Inspiration

Matthew Frederick

https://twitter.com/matthewlive
Page 2: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Interacting with Computers

Mid-to-Late 80s

http://en.wikipedia.org/wiki/Bulletin_board_system
Page 3: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Interacting with Computers

Late 80s to Early 90s

http://en.wikipedia.org/wiki/HyperCard
http://en.wikipedia.org/wiki/Multimedia
Page 4: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Interacting with Computers

Mid-to-Late 90s

https://www.yahoo.com/
http://www.apple.com/
Page 5: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Interacting with Computers

Early-to-Mid 00s

http://en.wikipedia.org/wiki/IPAQ
Page 6: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Interacting with Computers

Late 00s to Mid 10s

https://www.apple.com/iphone/
Page 7: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Interacting with Computers

Today

https://www.apple.com/watch/
Page 8: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

User Experience Design

User Interface Design

Visual Design

Page 9: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

User Experience

Page 10: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

User Interface

Page 11: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Visual/Graphic Design

Page 12: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Essentials

Page 13: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Apple Human Interface Guidelines (HIG)

Page 14: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

iOS Human Interface Guidelines

https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/
Page 15: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

OS X Human Interface Guidelines

https://developer.apple.com/library/mac/documentation/UserExperience/Conceptual/OSXHIGuidelines/
Page 16: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

WATCH Human Interface Guidelines

https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/WatchHumanInterfaceGuidelines/
Page 17: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Designing Great Apps

https://developer.apple.com/design/
Page 18: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Inspiration

Page 19: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Little Big Details

UX

UI

Visual

http://littlebigdetails.com/tagged/mobile
Page 20: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Little Big Details

UX

UI

Visual

http://littlebigdetails.com/tagged/mobile
Page 21: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Little Big Details

UX

UI

Visual

http://littlebigdetails.com/tagged/mobile
Page 22: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Little Big Details

UX

UI

Visual

http://littlebigdetails.com/tagged/mobile
Page 23: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

UI-Patterns

UX

UI

Visual

http://ui-patterns.com/
Page 24: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

pttrns

UX

UI

Visual

http://pttrns.com/
Page 25: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

pttrns

UX

UI

Visual

http://pttrns.com/?scid=30
Page 26: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

pttrns

UX

UI

Visual

http://pttrns.com/?scid=30
Page 27: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Lovely UI

UX

UI

Visual

http://www.lovelyui.com/
Page 28: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Inspired UI

UX

UI

Visual

http://inspired-ui.com/
Page 29: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Dribbble

UX

UI

Visual

https://dribbble.com/search?q=ios+ui&s=latest
Page 30: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Capptivate.co

UX

UI

Visual

http://capptivate.co/
Page 31: App Visual Design & User Interface Inspiration · 4/9/2015  · App Visual Design & User Interface Inspiration . Interacting with Computers Mid-to-Late 80s. Interacting with Computers

Presentation and Links on the Meetup Site

http://www.meetup.com/Cocoaheads-Phoenix-Scottsdale/events/221619858/?a=cp2.3_2

Visual Models of Plants Interacting with Their Environmentalgorithmicbotany.org/papers/enviro.sig96.pdf · Visual Models of Plants Interacting ... Visual Models of Plants Interacting

Economy. The rapid developments in computers and the features offered have changed the way the economy operates. Automation by interacting with computers

Interacting Galaxies

NovelRolesfortheE3UbiquitinLigaseAtrophin-interacting ... · 2012-05-22 · NovelRolesfortheE3UbiquitinLigaseAtrophin-interacting Protein4andSignalTransductionAdaptorMolecule1inG

Orange County Employee Service Awards - OCFL library/employment... · heroes and a constant source of inspiration. Our employees are on the front lines interacting with the thousands

Interacting cold atoms on quasiperiodic lattices: … · Interacting cold atoms on quasiperiodic ... Interacting cold atoms on quasiperiodic lattices 1. ... “Topological states

A Design, Tests, and Considerations for Improving Keystroke and …acs.ist.psu.edu/papers/morganCPRip.pdf · 2019-07-16 · Published in: Interacting with Computers. (2013). 25(3),

Stochastische Prozesse in der Physik · the problem of interacting particles is much beyond the capabilities of the largest recent and future computers. The understanding of complex

Course - DT249/1 Subject - Information Systems in Organisations INFORMATION TECHNOLOGY REGULATION AND COMPLIANCE INTERACTING WITH COMPUTERS Semester 2,

ORGANOMETALLIC CHEMISTRY FROM THE INTERACTING QUANTUM ... · ORGANOMETALLIC CHEMISTRY FROM THE INTERACTING ... The interacting quantum atoms ... important interaction of metal-organic

HUMAN-COMPUTER INTERACTION INT211. Overview Utilizing computers had always demanded the question of interfacing. The methods by which human has been interacting

Inspiration · Inspiration: Created Date: 20121119163032Z

Interacting Professionally

Biblical Inspiration Dynamic Inspiration Mechanical Dictation Organic Inspiration

Interaction & Interfaces - MKLab€¦ · Designing interfaces to support collaboration in information retrieval. Interacting with Computers, 10(2), 177-193. Collaborative Search with

Interacting Classes Lecture #6 CMPSCI 121, Spring 2005 Introduction to Problem Solving with Computers Prof. McCallum No quiz today. It will again be in

WILD for learning: Interacting through new computing ...roypea/RoyPDF folder/A130_Pea-Maldonado... · WILD for learning: Interacting through new computing ... Interacting through

T he influence of interacting The influence of interacting s

The Computer HCI. Interacting with computers To understand Human-Computer Interaction … need to understand computers! what goes in and out of computer

Interacting with Computers 17 (2005) 643-659 Andrew May, Tracy Ross, Zaheer Osman The design of next generation in-vehicle navigation system for the older

Nathaniel Stern New Media Art and Embodiment. Embodiment computers interacting directly with the physical world Tangible InteractionTangible Interaction=

TheRNAPolymeraseIIC-terminalDomain-interacting ... · TheRNAPolymeraseIIC-terminalDomain-interacting DomainofYeastNrd1ContributestotheChoiceof TerminationPathwayandCouplestoRNAProcessingbythe

Course - DT249/1 Subject - Information Systems in Organisations INTERACTING WITH COMPUTERS Semester 1, Week 12 1

Interacting and Non Interacting System

Chapter 3 Peter Norton’s Introduction to Computers Interacting with Your Computer

Types of Computers Super Computers Super Computers Mainframes Mainframes Mini Computers Mini Computers Micro Computers Micro Computers

MagicWatch: Interacting & Segueing - Ubicompubicomp.org/ubicomp2014/proceedings/ubicomp_adjunct/... · 2014-11-13 · MagicWatch: Interacting & Segueing Abstract Interacting Seeking

Inclusive development: Software engineering …...6 Unified Web Browser for People with Disabilities, 1999–2001. A. Savidis, C. Stephanidis / Interacting with Computers 18 (2006)

UNDERSTANDING INTERACTION MECHANICS IN TOUCHLESS …debaleena.com/Chattopadhyay-Dissertation-2016.pdf · But interacting with computers using mid-air gestures continues to challenge

Phytochromes and Phytochrome Interacting Factors1[OPEN] · Update on Phytochromes and Phytochrome Interacting Factors Phytochromes and Phytochrome Interacting Factors1[OPEN] Vinh

A Course in Interacting Particle Systemsstaff.utia.cas.cz/swart/lecture_notes/IntroSemin.pdf · 2015. 10. 8. · Interacting Particle Systems I Interacting particle systems are mathematical

Interacting Bodies and Interacting Minds. The case of Emotions

Interacting Strategies

laboratories civic - IFTF: HomePublic interfaces in media-rich urban environments will facilitate a shift toward interacting with computers in groups, rather than individually, which

NYSEARCH Modeling of Pipeline Interacting Threats · NYSEARCH Modeling of Pipeline Interacting Threats ... pipeline interacting ... • Interacting threats risk model incorporated