The document discusses choreography of gestural interfaces and interaction design. It provides examples of gestures like tapping, dragging, and swiping on touchscreens. It emphasizes prototyping gestures by building and testing with users. Well-designed gestures are easily learned, map to natural behaviors, and consider both movement and the interactive surface.
Samsung Case - Research on how to reach audience (2012)zabaki
This is a presentation to Starcom MediaVest from Singapore Management University in a course called Communication Research.
The case was to find audience insights, moments of receptivity and touch points for Samsung.
Samsung's goal is to become the most sold Android tablet on the market and one day, and this was our group's presentation and suggestions on what to do.
These slides present our findings, allow with suggestions on how to accommodate our findings.
The course is lead by Mark Chong.
Samsung Case - Research on how to reach audience (2012)zabaki
This is a presentation to Starcom MediaVest from Singapore Management University in a course called Communication Research.
The case was to find audience insights, moments of receptivity and touch points for Samsung.
Samsung's goal is to become the most sold Android tablet on the market and one day, and this was our group's presentation and suggestions on what to do.
These slides present our findings, allow with suggestions on how to accommodate our findings.
The course is lead by Mark Chong.
Sencha Touch is the industry’s first HTML5 mobile framework, and in v2 we’ve reworked the platform to make it faster to build apps, faster to get to market, and faster on all devices. Come and join Sencha in this session to learn about what’s changed, and how much more effective you can be using Sencha Touch 2. You’ll learn about the framework’s new native packaging capabilities, lighting fast Android performance, and host of other ways that Touch makes developing mobile apps easier than ever.
http://www.museotech.net
Have a High-Impact, Low-Budget Website Now!
March 2, 2011
All museums need a website but not all museums have the big budget to hire IT staff or design companies. Fortunately, it is easier than ever to create low-budget, high-impact participatory websites that will allow you to engage, inform, educate and enrich your constituents. This hands-on workshop introduces you to “best of breed” tools and resources allowing you to create a Web presence that will put you on the map. Learn about hosting, design tools and the new Web 2.0 applications that will allow you to expand your Web reach. Instructors: Jim Angus, Senior Facilitator, NASA Engineering Network, Jet Propulsion Laboratory. Registration Fee: $10. We recommend bringing your own laptop but a limited number of computers will be available for early bird registrants. Transportation not included. Located 0.2 miles from the Hilton Pasadena at the Pasadena Public Library, Central Library Branch, 285 East Walnut Street, Pasadena, CA 91101.
The PDF version of a presentation done for the Council for Opportunity in Education Leadership Summit, March 6, 2011 in Washington, DC. This is a revised, updated, and much improved version of Creating Clarity 3.0. How to imagine your story, build your presentation, and design your slides. Encouragement to use presentation software as it\'s meant to be used and to be creative and effective with it.
This presentation was given to Leadership Fort Wayne's Youth Leadership Program. I was asked to share about today's communication landscape and proper online etiquette on social media platforms for this group of high school sophomores. I also shared briefly about NeighborLink and how students could use it for finding community service projects.
In-Time On-Place Learning — Creation, Annotation and Sharing of Location-Base...Teemu Leinonen
Presentation in the 10th International Conference on Mobile Learning 2014, 28 February – 2 March, Madrid, Spain. The aim of the research is to look at how mobile video recording devices could support learning related to physical practices or places and situations at work. The paper discusses particular kind of workplace learning, namely learning using short video clips that are related to physical environment and tasks preformed in situ. The paper presents challenges of supporting learning as part of work practices taking place in the workplace, because learning has different attributes during work than in formal educational contexts: e.g. it is informal, just in time and social. The theoretical framework of the design is the tradition of pragmatism. We start with the concepts of experience, change of practices / habits and reflection, claiming that living through experiences suggest changes for practices and these trigger reflective processing of the situations. We present an Android application ‘Ach So!’ for creating and annotating short videos as potential solution for informal learning for physical work practices. The paper ends in proposing future steps in the development of the application. The co-design process for the application is lean and iterative, where the design receives feedback from the project partners, skilled workers, apprentices and managers of SMEs targeted to be the main users of the application.
The Social Web - Creating an Interactive Digital ExperienceJessKupferman
You’ve got Facebook, Twitter, LinkedIN, Google +, a blog and a website. But are they all speaking the same language? Are they all branded with the same look? Are they all working FOR you instead of against you? Learn why your website should be your “home base” where all of your digital marketing should lead – and how to grow your fans, your mailing list, and therefore, your bank account!
April 7 Kenosha Rebecca Ryan PresentationRebecca Ryan
Thank you, KABA, for inviting me to speak today at your annual meeting. These are the slides I used; please use and share with proper attribution: “Copyright 2011, Next Generation Consulting, All Rights Reserved.” If you’d like to stay in touch, here are a few ways to do it:
>> Twitter: ngcRebecca, or nextgenconsult
>> Email: rr@nextgenerationconsulting.com
>> Phone: 888-922-9596 ext. 702
April 7 Kaba Rebecca Ryan PresentationRebecca Ryan
KABA, thank you for inviting me to speak at your annual meeting! Here are my slides for your use and review. Please reach out if you have any follow up Qs or ideas.
Rebecca Ryan
rr@nextgenerationconsulting.com
888.922.9596 ext. 702
Sencha Touch is the industry’s first HTML5 mobile framework, and in v2 we’ve reworked the platform to make it faster to build apps, faster to get to market, and faster on all devices. Come and join Sencha in this session to learn about what’s changed, and how much more effective you can be using Sencha Touch 2. You’ll learn about the framework’s new native packaging capabilities, lighting fast Android performance, and host of other ways that Touch makes developing mobile apps easier than ever.
http://www.museotech.net
Have a High-Impact, Low-Budget Website Now!
March 2, 2011
All museums need a website but not all museums have the big budget to hire IT staff or design companies. Fortunately, it is easier than ever to create low-budget, high-impact participatory websites that will allow you to engage, inform, educate and enrich your constituents. This hands-on workshop introduces you to “best of breed” tools and resources allowing you to create a Web presence that will put you on the map. Learn about hosting, design tools and the new Web 2.0 applications that will allow you to expand your Web reach. Instructors: Jim Angus, Senior Facilitator, NASA Engineering Network, Jet Propulsion Laboratory. Registration Fee: $10. We recommend bringing your own laptop but a limited number of computers will be available for early bird registrants. Transportation not included. Located 0.2 miles from the Hilton Pasadena at the Pasadena Public Library, Central Library Branch, 285 East Walnut Street, Pasadena, CA 91101.
The PDF version of a presentation done for the Council for Opportunity in Education Leadership Summit, March 6, 2011 in Washington, DC. This is a revised, updated, and much improved version of Creating Clarity 3.0. How to imagine your story, build your presentation, and design your slides. Encouragement to use presentation software as it\'s meant to be used and to be creative and effective with it.
This presentation was given to Leadership Fort Wayne's Youth Leadership Program. I was asked to share about today's communication landscape and proper online etiquette on social media platforms for this group of high school sophomores. I also shared briefly about NeighborLink and how students could use it for finding community service projects.
In-Time On-Place Learning — Creation, Annotation and Sharing of Location-Base...Teemu Leinonen
Presentation in the 10th International Conference on Mobile Learning 2014, 28 February – 2 March, Madrid, Spain. The aim of the research is to look at how mobile video recording devices could support learning related to physical practices or places and situations at work. The paper discusses particular kind of workplace learning, namely learning using short video clips that are related to physical environment and tasks preformed in situ. The paper presents challenges of supporting learning as part of work practices taking place in the workplace, because learning has different attributes during work than in formal educational contexts: e.g. it is informal, just in time and social. The theoretical framework of the design is the tradition of pragmatism. We start with the concepts of experience, change of practices / habits and reflection, claiming that living through experiences suggest changes for practices and these trigger reflective processing of the situations. We present an Android application ‘Ach So!’ for creating and annotating short videos as potential solution for informal learning for physical work practices. The paper ends in proposing future steps in the development of the application. The co-design process for the application is lean and iterative, where the design receives feedback from the project partners, skilled workers, apprentices and managers of SMEs targeted to be the main users of the application.
The Social Web - Creating an Interactive Digital ExperienceJessKupferman
You’ve got Facebook, Twitter, LinkedIN, Google +, a blog and a website. But are they all speaking the same language? Are they all branded with the same look? Are they all working FOR you instead of against you? Learn why your website should be your “home base” where all of your digital marketing should lead – and how to grow your fans, your mailing list, and therefore, your bank account!
April 7 Kenosha Rebecca Ryan PresentationRebecca Ryan
Thank you, KABA, for inviting me to speak today at your annual meeting. These are the slides I used; please use and share with proper attribution: “Copyright 2011, Next Generation Consulting, All Rights Reserved.” If you’d like to stay in touch, here are a few ways to do it:
>> Twitter: ngcRebecca, or nextgenconsult
>> Email: rr@nextgenerationconsulting.com
>> Phone: 888-922-9596 ext. 702
April 7 Kaba Rebecca Ryan PresentationRebecca Ryan
KABA, thank you for inviting me to speak at your annual meeting! Here are my slides for your use and review. Please reach out if you have any follow up Qs or ideas.
Rebecca Ryan
rr@nextgenerationconsulting.com
888.922.9596 ext. 702
Keynote given on May 30 @ DesignOps Global Conference.
In the world of design and Design Operations, leaders struggle to create insight into the success level of their design teams so that appropriate resources can be attained.
Measuring & Evaluating Your DesignOps PracticeDave Malouf
This premiere version of this talk was given at WAQ in Quebec City on April 10, 2019.
It has a brief introduction to DesignOps and then goes into how to measure and understand value of designOps to the team and business.
What do you do every day, every week, outside of your project work to maintain your skills as an observer? This talk talks about how I do that in my life with suggestions for how you can, too.
This version of the talk was given at Web à Québec conference in Quebec City, QBC, Canada on April 5, 2017.
Enterprise UX: What, How & Why in 20 short minutesDave Malouf
In this short talk given at UX Australia, August 2014, in Sydney, Dave talks about his evolving perspective on what is Enterprise UX, why it is distinct and important talk about separate from general UX, and why it is important for more practitioners to be involved.
Storytelling and Interaction Design - From Business to ButtonsDave Malouf
This is the talk I gave at From Business to Buttons in Stockholm on April 3, 2014.
Focuses on the power and value of storytelling as a tool and how Interaction Design is made up of the same components of a story when done correctly. Using this framework will lead to better designs.
Serendipity by Design - IxD S. America 13Dave Malouf
I opened up the talks section of this great conference in Recife, BR in 2013.
The talk was talking about how design can use the powerful tools of art and it's close association to non-linear creativity and associative thinking by building the space and culture of the studio environment.
This is a short deck of resources I believe will help the students fo my Politecnico di Milano 1-week workshop after the week is over.
Please feel free to add your own recommendations, but please notice that the conference section is geared towards Italy/Eurozone.
Anyone can be a ux designer: Not everyone IS one.Dave Malouf
This talk was given at The Junction (http://thejunciton.co.il) a coworking space organized by Genesis Partners (http://genesispartners.com/) a Venture Capital organization in Israel.
The premise of the talk is to explain that anyone can be a UX designer but it means taking on A LOT of work!
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
Between Filth and Fortune- Urban Cattle Foraging Realities by Devi S Nair, An...Mansi Shah
This study examines cattle rearing in urban and rural settings, focusing on milk production and consumption. By exploring a case in Ahmedabad, it highlights the challenges and processes in dairy farming across different environments, emphasising the need for sustainable practices and the essential role of milk in daily consumption.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Transforming Brand Perception and Boosting Profitabilityaaryangarg12
In today's digital era, the dynamics of brand perception, consumer behavior, and profitability have been profoundly reshaped by the synergy of branding, social media, and website design. This research paper investigates the transformative power of these elements in influencing how individuals perceive brands and products and how this transformation can be harnessed to drive sales and profitability for businesses.
Through an exploration of brand psychology and consumer behavior, this study sheds light on the intricate ways in which effective branding strategies, strategic social media engagement, and user-centric website design contribute to altering consumers' perceptions. We delve into the principles that underlie successful brand transformations, examining how visual identity, messaging, and storytelling can captivate and resonate with target audiences.
Methodologically, this research employs a comprehensive approach, combining qualitative and quantitative analyses. Real-world case studies illustrate the impact of branding, social media campaigns, and website redesigns on consumer perception, sales figures, and profitability. We assess the various metrics, including brand awareness, customer engagement, conversion rates, and revenue growth, to measure the effectiveness of these strategies.
The results underscore the pivotal role of cohesive branding, social media influence, and website usability in shaping positive brand perceptions, influencing consumer decisions, and ultimately bolstering sales and profitability. This paper provides actionable insights and strategic recommendations for businesses seeking to leverage branding, social media, and website design as potent tools to enhance their market position and financial success.
7 Alternatives to Bullet Points in PowerPointAlvis Oh
So you tried all the ways to beautify your bullet points on your pitch deck but it just got way uglier. These points are supposed to be memorable and leave a lasting impression on your audience. With these tips, you'll no longer have to spend so much time thinking how you should present your pointers.
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
You could be a professional graphic designer and still make mistakes. There is always the possibility of human error. On the other hand if you’re not a designer, the chances of making some common graphic design mistakes are even higher. Because you don’t know what you don’t know. That’s where this blog comes in. To make your job easier and help you create better designs, we have put together a list of common graphic design mistakes that you need to avoid.
1. Move that thang!
Choreography of gestural interfaces.
Sunday, April 3, 2011
2. What are you in for?
What is Interaction Design?
Foundations of Interaction Design
A little bit of HCI
Some principles from smart people
My thoughts on the Aesthetics of Motion
How to be a choreographer of gestures
Sunday, April 3, 2011
3. Defining Interaction Design
The engineer’s perspective
Bill
Verplank
http://www.ixda.org/resources/bill-verplank-opening-keynote
Sunday, April 3, 2011
4. Defining Interaction Design
The philosopher’s perspective
“To design the environments
where interactions take place.”
Richard
Buchanan “[To design] how people relate
to other people through the
mediating influence of
product(s).”
http://www.ixda.org/resources/richard-buchanan-keynote
Sunday, April 3, 2011
5. Foundations
What are foundations?
What are they good for?
What are they for Interaction Design?
Sunday, April 3, 2011
6. What are foundations
Simply put the principles that allow for both a critical
analysis and a platform of studio education.
Sunday, April 3, 2011
7. Why have foundations?
Creates a solid base of core theories and crafts
These can transcend all design disciplines
Art History/Criticism
Color
2D Design
Goal is to give broad understanding of theory, and
opportunity to focus on craft before diving deeper into
a chosen discipline.
Sunday, April 3, 2011
8. Let’s look at another
discipline
There are 6 elements that every 3D designer
needs to know:
Line
Plane (surface)
Volume (space & form)
Value (Light & Dark)
Texture
Color
Sunday, April 3, 2011
9. There is also a progression
In 3D design you can’t Primitives include
just jump right in Rectilinear Volumes
Curvilinear Volumes
“Primitives” must be Rectilinear & Curvilinear
mastered, Fragments
and in mastering these Planar constructions
you master craft Lines in Space
Advanced Studies in Form
Construction
Convexity
Concavity
Studies in Space
Sunday, April 3, 2011
10. Foundations of
Interaction Design
Time
Metaphor
Abstraction
Motion & Movement
Negativity (related to “negative [or white] space”)
Article w/ links to previous written work on Foundations of IxD:
http://johnnyholland.org/2009/03/09/foundations-of-interaction-design-interaction-09-reprise/
Video of my presentation on the Foundations of Interaction Design @ Interaction 09 | Vancouver
http://vimeo.com/4500315
Sunday, April 3, 2011
11. Time
It has many sub-elements
Duration
Frequency
Rhythm
Delay
Photo credit: Adam Browdowski
Sunday, April 3, 2011
12. Abstraction
Level of directness or
interaction
Command Line
Voice Command
Mouse - Point/Click
Stylus - Tap/Click
Finger - Tap click
Movement equals
same direction
response
Sunday, April 3, 2011
13. Another
example
iPod Click-wheel
Sunday, April 3, 2011
14. Metaphors
“Everything in computers
is a metaphor”
- Dan Saffer, IA Summit 2005
Trash can / recycle bin
Disk
File / folder
Shopping
Even Computer
Sunday, April 3, 2011
15. Movement (motion)
Pleasing movements
Craft of motion
Intuitive gestures
Sunday, April 3, 2011
16. Gestures
It’s about time, right!
Sunday, April 3, 2011
18. The "I Really Really Mean It"
The Lip Shrug The Instructional Finger
Forefinger-Thumb Touch
The "Nu, Zeh Barur, Lo?" Shrug The Two-Handed Precision Gestures The "Zeh Oh Zeh" One-Handed Swipe
Sunday, April 3, 2011
30. Why do they suck?
1st - They don’t suck
for everything
They get lost
They cause fatigue
They get in the way
Only 1 hand at a time
Single touch-point
Sunday, April 3, 2011
31. And I’d argue ...
They just don’t feel as good as the simplicity and
unadulterated feel of literally touching a screen.
Sunday, April 3, 2011
37. Twister
Change the game
Spinners have a great
action of engagement
and leave a period of
anxiousness. Trouble
The Trouble die popper
allows you to use
unrestrained power to
do something previously
delicate & controlled.
Sunday, April 3, 2011
38. Fluidity over precision
Fluid imprecise motions are generally easier to
learn & more enjoyable.
Sunday, April 3, 2011
39. Discreet precision has its place
Direct manipulation, even when precisely acted out,
can lead to fun. I think of this every time I use my iPad
40. It’s not just about the
movement ...
The surfaces we are moving on or against has a
lot to do with the aesthetics of the gestures.
Sunday, April 3, 2011
41. What am I touching?
What happens when there is nothing to touch?
Sunday, April 3, 2011
42. It’s not all science fiction
Oblong.com
http://vimeo.com/2229299
Sunday, April 3, 2011
43. Some of it is even practical
Canesta - Designed by Kicker Studio
http://kickerstudio.com/ http://www.youtube.com/watch?v=L9wMrRRK8WE
Sunday, April 3, 2011
44. How do we
design this
stuff?
Sunday, April 3, 2011
45. First ya
gotta read
Dan Saffer is a good
start
Sunday, April 3, 2011
46. ... and read
some more
Josh Clark is darn
good, too
Sunday, April 3, 2011
47. Gotta own it ...
... minimum at least 1 touch-based device,
hopefully 1 that you are designing for.
Sunday, April 3, 2011
48. Know your medium
This isn’t just a faster horse of a different color
Sunday, April 3, 2011
49. Seeing is
believing
but ...
Sunday, April 3, 2011
51. Really!
Build it and use it,
and have others use
it too!
Nick Remis & David Chen - SCAD on behalf
of Motorola Solutions - “Mi - Card” concept
Sunday, April 3, 2011
52. Learning from others
doesn’t hurt
So let’s look at an app w/ arguably great appeal
due to its interesting use of novel gestures.
Sunday, April 3, 2011
53. Pull to spring
Causes a get command: (http://vimeo.com/21903253)
Amazingly successful because of its relationship to the flick,
which makes it discoverable. It’s also damn fun to do!
Sunday, April 3, 2011
54. Swipe to reveal
It’s the new “right-click”: http://vimeo.com/21903335
It’s not so easy to find, but once you do, you never go back,
which makes it intuitive to learn. Is it confused w/ “delete”?
Sunday, April 3, 2011
55. Taps & Swipes
Tap causes reveals of secondary content; swipes then dismiss
it. Easy to find and now includes the “reset” gesture again.
http://vimeo.com/21903443
Sunday, April 3, 2011
56. 2-finger pull http://vimeo.com/21903212
Reveals conversation without loss of context:
2 fingers is arguably not intuitive, hard to discover.
57. Reverse pinch reveal http://vimeo.com/21903290
Common for zoom, the metaphor makes sense, but it is
impossible for self discovery, difficult to actually do consistently,
and the hand is in the way making the content hard to read.
Sunday, April 3, 2011
58. Questions to ask:
Does it contradict or build
off of an existing gesture in
the device system you are
working in?
Is it easy to find if the
natural visual affordances
are not in place?
Are the state transitions
fluid and informative and
connect to the gesture and
the purpose of the action?
Sunday, April 3, 2011
59. Things to remember
about gestures:
Ergonomics is more important
People like them because they
are playful
Gestures are performed
They are more direct
They have less cognitive load
Gestures can have cross-
cultural ramifications
Average size of a finger is .
9cm2
Sunday, April 3, 2011
60. Prototype
Envision,
communicate,
experience
Sunday, April 3, 2011
62. Do I need
program
software?
Yes & No
Sunday, April 3, 2011
63. Animate your visual interface
Starting state
Ending state
Transitions
Sunday, April 3, 2011
64. SCAD on behalf of Freescale Semiconductor
Something like this ...
In this case the finger movements are abstracted to
dots that behave differently depending on the gesture.
http://vimeo.com/4910002
65. Notation
add notations to
existing UI
documentation like
wireframes
Sunday, April 3, 2011
66. More
abstract
notations
This is the equivalent
to tap, hold, drag.
Sunday, April 3, 2011
67. Drag & Drop Interesting Moments
Taken from Bill Scott
Page load Drag over valid target
area
Mouse hover over
draggable object Drag over invalid target
area
Mouse down on
draggable object Drag over original location
Drag initiated (mouse Drop accepted
down, mouse moves >=
Drop rejected
3 pixels)
Drop on original location
Sunday, April 3, 2011
68. Drag & Drop Actors
Page Drag ghost
Cursor Original location
Tool Tip Drop target
Drag object 30
Sunday, April 3, 2011
70. Need to add gesture notions to this existing concept.
Sunday, April 3, 2011
71. Summarizing what we learned
Screen from concept health data viz Microsoft
Surface Table project by Ergonomi Design
Sunday, April 3, 2011
72. Gestures are complex
They are new and
evolving
What works in 1 context
may not in another
We cannot rely on
common constructs
We have to play &
experience
Sunday, April 3, 2011
73. Gestures are best when ...
They are easily learned
Map against natural behaviors
Are well supported by visual
indicators
Discreet gestures are used for
precise operations
Fluid gestures are used for
transitional operations
The designer considers
movement AND the surface
combine to create the aesthetic
Sunday, April 3, 2011
74. Thank you!
David Malouf
Professor of Interaction & Industrial Design
Savannah College of Art and Design
@daveixd
http://davemalouf.com/
dave.ixd@gmail.com
Sunday, April 3, 2011