Physics & The User Interface for iOS F=ma Jonathan Penn - PowerPoint PPT Presentation

Aug 27, 2023 •160 likes •391 views

Physics & The User Interface for iOS F=ma Jonathan Penn CodeMash 2014 @jonathanpenn Goals 1. Dynamic Animations 2. UIKit Dynamics Vocabulary 3. Demos & Comedy Slides n Sample Code rubbercitywizards.com/stuff UIKIT DYNAMICS ?

Physics & The User Interface for iOS F=ma Jonathan Penn CodeMash 2014
@jonathanpenn
Goals 1. Dynamic Animations 2. UIKit Dynamics Vocabulary 3. Demos & Comedy
Slides ‘n Sample Code rubbercitywizards.com/stuff
UIKIT DYNAMICS ?
UIKIT
[UIView animateWithDuration:3 delay:0 options:Curve... animations:^{ // transform }];
ANIMATION CURVES f(x) LINEAR EASED BOUNCE
PHYSICS ENGINE 101
approximate SIMULATION v
COLLISION T 0 T 1 T 2 T 3
WHOOPS! T 0 T 1 T 2 Quantum Superposition!?
EXPENSIVE… YET, FINE TUNED BY APPLE IN CALIFORNIA
Reference View Dynamic Animator Item Behavior Behavior
[ insert demo here ]
Apple's WWDC Videos developer.apple.com/wwdc/videos Getting Started with UIKit Dynamics (#206) Advanced Techniques with UIKit Dynamics (#221) Exploring Scroll Views on iOS 7 (#217) Apple’s UIKit Dynamics Catalog developer.apple.com/library/ios/samplecode/DynamicsCatalog/Introduction/Intro.html UICollectionView and UIKit Dynamics objc.io/issue-5/collection-views-and-uidynamics.html My Samples rubbercitywizards.com/stuff
Thanks! (and please feedback) @jonathanpenn rubbercitywizards.com

Recommend

3 User Interface Principles From Code to Product gidgreen.com/course User Interface The

3 User Interface Principles From Code to Product gidgreen.com/course User Interface The aspects of a computer system or program which can be seen (or heard or otherwise perceived) by the human user, and the commands and mechanisms the

1.23k views • 105 slides

Layout and Control in UI The user interface (UI) is the graphical interface user can see and

Layout and Control in UI The user interface (UI) is the graphical interface user can see and interact with your app comprising UI controls like textbox, button, checkbox, radio button, date, picker, and many more, and is presented in a

738 views • 35 slides

Computer Graphics Course 2006 Arcball user interface Arcball user interface When viewing a

Computer Graphics Course 2006 Arcball user interface Arcball user interface When viewing a 3D model on the computer screen, often we would like to view it from a different side. How can we create an intuitive user interface for that

455 views • 8 slides

User Interface Testing with Microsoft User Interface Testing with Microsoft Visual C# Visual C#

T13 Concurrent Session Thursday 10/25/2007 1:30 PM JUMP TO: Biographical Information The Presentation Related Paper User Interface Testing with Microsoft User Interface Testing with Microsoft Visual C# Visual C# Presented by: Vijay

402 views • 38 slides

Week 4 The psychology of the user interface Why UIs are like they are? Are there any laws or

Week 4 The psychology of the user interface Why UIs are like they are? Are there any laws or theory that tell us how to design a user interface? Human processor Modeling humans as an information processing system (Card, Moran & Newell

1.12k views • 84 slides

CS378 - Mobile Computing User Interface Basics User Interface Elements View Control

CS378 - Mobile Computing User Interface Basics User Interface Elements View Control ViewGroup Layout Widget (Compound Control) Many pre built Views Button, CheckBox, RadioButton TextView, EditText, ListView Can

496 views • 34 slides

User Interface Design 1 User Interface Design Think of examples Good examples, personal

User Interface Design 1 User Interface Design Think of examples Good examples, personal favorites, smart UIs Poor examples, the ones you really hate to use and reasons for your verdict 2 This Lecture Cover some basics of

1.16k views • 54 slides

Advanced Programming Graphical User Interface (GUI) Human-Machine Interfaces The ways in which a

Advanced Programming Graphical User Interface (GUI) Human-Machine Interfaces The ways in which a software system interacts with its users . Command Line Graphical User Interface - GUI Touch User Interface - TUI Multimedia (voice, animation,

690 views • 49 slides

MOSKitt UIM MOSKitt UIM (User Interface Modeling) (User Interface Modeling) Joan Fons a ,

MOSKitt UIM MOSKitt UIM (User Interface Modeling) (User Interface Modeling) Joan Fons a , Begoa Bonet b , Marc Gil c , Javier Muoz c , Vicente Pelechano a Javier Muoz a {jjfons,pele}@dsic.upv.es. ProS Research Center. Universidad

307 views • 19 slides

Cardinal axiom A user interface is well -designed when the program behaves exactly how the

1/24/2018 User Interface Design CSC 4700 Software Engineering Dr. Tom Way CSC 4700 1 Why study user interfaces? Good UIs are critical to success UI programming is easy (sophisticated algorithms not required) straightforward

415 views • 9 slides

GRAPHICAL USER INTERFACE (GUI) USING JAVAFX 14 / 17 1 / 17 WHAT IS A GRAPHICAL INTERFACE

GRAPHICAL USER INTERFACE (GUI) USING JAVAFX 14 / 17 1 / 17 WHAT IS A GRAPHICAL INTERFACE (GUI)? A GUI is important for anyone who isnt a programmer to use your software! Imagine if everyone had to type their interactions with a PC in a

760 views • 17 slides

COMPUTER SYSTEM ORGANIZATION User A SOFTWARE VIEW Interface Library Interface Users System

COMPUTER SYSTEM ORGANIZATION User A SOFTWARE VIEW Interface Library Interface Users System Call Standard Utility Programs Interface User (Shell, editors, compilers, etc.) Mode Standard Library (Open/Close, Read/Write, Fork, etc.)

308 views • 28 slides

What should we do with our user What should we do with our user interface? interface? Douglas

6/6/2019 What should we do with our UI? What should we do with our user What should we do with our user interface? interface? Douglas Bagnall <douglas.bagnall@catalyst.net.nz> 127.0.0.1:8000/?print-pdf#/ 1/68 6/6/2019 What should we

696 views • 68 slides

User Interface Design Considerations for User Interface Design Considerations for Linked Data

User Interface Design Considerations for User Interface Design Considerations for Linked Data Authoring Environments Linked Data Authoring Environments Stephen Davies, Jesse Hatfield, Jessica Zeitz & Chris Donaher University of Mary

698 views • 14 slides

Separation of Concerns The (Concrete) User Interface Eiffel Testing Framework (ETF): The

Separation of Concerns The (Concrete) User Interface Eiffel Testing Framework (ETF): The executable of your application hides the implementing classes Acceptance Tests via Abstract User Interface and features. Users typically interact

217 views • 3 slides

Index How to design UI ? 1 User Interface Design II: Process User research 2 J.Serrat Paper

Index How to design UI ? 1 User Interface Design II: Process User research 2 J.Serrat Paper prototyping 3 102759 Software Design User testing 4 November 22, 2016 Forms 5 Readings Books 1. Slides of MIT course 6.813/6.831 User

823 views • 15 slides

USIXML: a User Interface Description for Specifying Multimodal User Interfaces Jean

USIXML: a User Interface Description for Specifying Multimodal User Interfaces Jean Vanderdonckt, Quentin Limbourg, Benjamin Michote, Laurent Bouillon, Daniela Trevisan, Murielle Florins 1 Belgian Laboratory of HCI University Catholic of

573 views • 20 slides

User Interfaces User Interface Design and the Processes

User Interfaces User Interface Design and the Processes Managing Complexity Interaction Models & Camera Models Functionality and input devices

480 views • 15 slides

TIMP GUI: A graphical user interface for the package TIMP Joris J. Snellenburg Department of

TIMP GUI: A graphical user interface for the package TIMP Joris J. Snellenburg Department of Physics and Astronomy, Vrije Universiteit Amsterdam, The Netherlands jsnel@few.vu.nl Supported by The Netherlands Organisation for Scientific Research

280 views • 13 slides

PHYSICS-DYNAMICS INTERFACE Plan of the lecture Physics in the NWP model the notion of

PHYSICS-DYNAMICS INTERFACE Plan of the lecture Physics in the NWP model the notion of parameterizations and concepts; Flux form formulation property of conservation; Basic hypothesis and system of equations for moist physics;

368 views • 20 slides

User Interfaces What is the User Interface? What works is better than what looks good. The

User Interfaces What is the User Interface? What works is better than what looks good. The looks good can change, but what works, works UI lies between the player and the internals of the game. It t ranslates players input into actions in

1.17k views • 8 slides

Overview What is GUI? A graphical user interface (GUI) is a set of visual elements that

Android User Interface Overview What is GUI? A graphical user interface (GUI) is a set of visual elements that allows a user to interact with the application For Android, some of the GUI elements you can use are shown on the next slide

567 views • 30 slides

Shell Characteristics Command-line interface between the user and the system Automatically

Shell Characteristics Command-line interface between the user and the system Automatically starts when you log in, waits for user to type in commands A Unix shell is both a command interpreter, which provides the user interface to

198 views • 18 slides

Is it difficult to create Intuitive user interfaces? Straight forward to do? user

Introduction 8.10.2007 Motivation Unconventional User Interaction Design for creative use What is User Interface Engineering Technology trends User Interfaces in a Pervasive Computing World Examples LumiTouch Bed as

893 views • 10 slides