The document discusses trends in interaction design and mobile design. It covers topics like responsive design, mobile-first design, touch interfaces, and designing for various mobile capabilities and screen sizes. Various designers and their perspectives on topics like responsive design, mobile usability, and organizing content for mobile are referenced.
Basics of Interaction Design & Strategy Spring 2012 Part 1Anh Dang
This document provides an overview of a course titled "Basics of Interaction Design + Strategy" being taught in the spring of 2012 at the School of Visual Arts. The instructor, Anh Dang, outlines the course objectives, schedule, and topics to be covered over the semester, including industry theories, information architecture, iterative design processes, interaction design, and interfaces for various platforms. Students will work on design challenges for web and mobile experiences and learn about trends like responsive design and mobile-first approaches.
Basics of Interaction Design + Strategy F2011 Part 2Anh Dang
The document outlines the schedule and activities for a course on basics of interaction design and strategy. The day includes a morning session covering basics and a design challenge, followed by a lunch break. The afternoon has another design challenge session on information design and e-commerce, as well as a mobile challenge. Students will participate in team activities like site reviews and evaluations.
Basics of Interaction Design & Strategy Fall 2012Anh Dang
This document provides an overview of a course on interaction design and strategy taught by Anh Dang at the School of Visual Arts. The course will focus on developing design strategies for multiple devices through case studies, collaborative exercises, and interactive prototypes. Key objectives of the course include learning industry theories and practices, techniques for organizing information, methods for iterative design, developing interactive prototypes, and designing interfaces for different platforms. The course will cover topics such as user experience design principles, business strategies, content strategies, and trends in responsive design and mobile considerations.
Basics of Interaction Design + Strategy F2011 Part 1Anh Dang
This document provides an introduction and agenda for a course on interaction design and strategy at the School of Visual Arts. The course will focus on designing user experiences for web and mobile through collaborative exercises and interactive prototypes. It will cover core theories, case studies, information architecture, content strategy, iterative design processes, and designing for different platforms. The schedule outlines sessions on basics, discovery activities, design challenges, and a mobile challenge for the day.
Sva Intro to Information Architecture & Design Fall 09Anh Dang
This document provides an introduction to a course on Information Architecture and Design taught at the School of Visual Arts. It introduces the instructor, Anh Dang, and outlines some of the key topics that will be covered in the class, including organizing information using techniques like card sorting, visualizing data using visual variables and gestalt principles, and designing user interactions that consider concepts like affordances, mapping, constraints, visibility and feedback. The document includes examples and proposes exercises for students to redesign an interface to improve its usability based on information architecture principles.
Janet Saunders has over 30 years of experience in visual communication and design. She holds a PhD from Western Sydney University where she researches drawing techniques. She has taught design courses and created online learning resources. Her career has focused on graphic design, illustration, and developing interactive tools to support education.
The document discusses techniques for developing creative thinking and problem solving skills. It covers topics like breaking old thought patterns, using techniques like brainstorming and synergistic thinking, applying creativity techniques to real workplace problems, and planning time for creative thinking. The goal is to help participants develop innovative solutions to problems by thinking outside the box. A variety of exercises are presented to practice these techniques in groups.
Skills And Competence A Lifespan Perspective PublicLeo Casey
The document discusses three digital literacy programs in Ireland for different age groups: DLIPS for primary schools, KESP targeted at those aged 25-45, and Know IT for those aged 45-65. It provides an overview of the goals and approaches of each program, including using an inquiry cycle and developing key competencies. The document also examines frameworks for conceptualizing digital literacy and the factors that influence an individual's decision to improve their digital skills.
Basics of Interaction Design & Strategy Spring 2012 Part 1Anh Dang
This document provides an overview of a course titled "Basics of Interaction Design + Strategy" being taught in the spring of 2012 at the School of Visual Arts. The instructor, Anh Dang, outlines the course objectives, schedule, and topics to be covered over the semester, including industry theories, information architecture, iterative design processes, interaction design, and interfaces for various platforms. Students will work on design challenges for web and mobile experiences and learn about trends like responsive design and mobile-first approaches.
Basics of Interaction Design + Strategy F2011 Part 2Anh Dang
The document outlines the schedule and activities for a course on basics of interaction design and strategy. The day includes a morning session covering basics and a design challenge, followed by a lunch break. The afternoon has another design challenge session on information design and e-commerce, as well as a mobile challenge. Students will participate in team activities like site reviews and evaluations.
Basics of Interaction Design & Strategy Fall 2012Anh Dang
This document provides an overview of a course on interaction design and strategy taught by Anh Dang at the School of Visual Arts. The course will focus on developing design strategies for multiple devices through case studies, collaborative exercises, and interactive prototypes. Key objectives of the course include learning industry theories and practices, techniques for organizing information, methods for iterative design, developing interactive prototypes, and designing interfaces for different platforms. The course will cover topics such as user experience design principles, business strategies, content strategies, and trends in responsive design and mobile considerations.
Basics of Interaction Design + Strategy F2011 Part 1Anh Dang
This document provides an introduction and agenda for a course on interaction design and strategy at the School of Visual Arts. The course will focus on designing user experiences for web and mobile through collaborative exercises and interactive prototypes. It will cover core theories, case studies, information architecture, content strategy, iterative design processes, and designing for different platforms. The schedule outlines sessions on basics, discovery activities, design challenges, and a mobile challenge for the day.
Sva Intro to Information Architecture & Design Fall 09Anh Dang
This document provides an introduction to a course on Information Architecture and Design taught at the School of Visual Arts. It introduces the instructor, Anh Dang, and outlines some of the key topics that will be covered in the class, including organizing information using techniques like card sorting, visualizing data using visual variables and gestalt principles, and designing user interactions that consider concepts like affordances, mapping, constraints, visibility and feedback. The document includes examples and proposes exercises for students to redesign an interface to improve its usability based on information architecture principles.
Janet Saunders has over 30 years of experience in visual communication and design. She holds a PhD from Western Sydney University where she researches drawing techniques. She has taught design courses and created online learning resources. Her career has focused on graphic design, illustration, and developing interactive tools to support education.
The document discusses techniques for developing creative thinking and problem solving skills. It covers topics like breaking old thought patterns, using techniques like brainstorming and synergistic thinking, applying creativity techniques to real workplace problems, and planning time for creative thinking. The goal is to help participants develop innovative solutions to problems by thinking outside the box. A variety of exercises are presented to practice these techniques in groups.
Skills And Competence A Lifespan Perspective PublicLeo Casey
The document discusses three digital literacy programs in Ireland for different age groups: DLIPS for primary schools, KESP targeted at those aged 25-45, and Know IT for those aged 45-65. It provides an overview of the goals and approaches of each program, including using an inquiry cycle and developing key competencies. The document also examines frameworks for conceptualizing digital literacy and the factors that influence an individual's decision to improve their digital skills.
This document summarizes a presentation about overcoming math obstacles through visualizing with the AL Abacus. The presentation was given by Tracy Mittleider and was based on the work of Joan A. Cotter. It discusses Dr. Cotter's background and the development of the AL Abacus, a visual and tactile manipulative that helps develop mental images of quantities, strategies, and mathematical operations. It also provides examples of how the abacus can be used to help visualize quantities and perform simple addition.
Chia-En Lu is a designer specializing in color, material, and product design. She has worked for AsusTek and Pegatron Corporation researching trends, developing color palettes, and advising on material applications. Some of her projects include Yii, a bamboo cradle and pottery bowl emphasizing materials, TaChia Mat, a straw weaving mat winning a design award, and Unfold and To-Gather, furniture utilizing folding and materials in unique ways. She currently lives in Finland.
Video Games & Education: Building A Sustainable Innovation EcosystemAl Meyers
This document discusses building a sustainable innovation ecosystem for video game-based learning. It argues that current game-based learning products have not achieved critical mass due to three main problems: 1) schools need to be redesigned to be intrinsically motivating; 2) game-based learning is not being deployed disruptively; and 3) a sustainable innovation ecosystem must be constructed. It proposes targeting areas of non-consumption and using disruptive implementation strategies to pilot game-based learning before approaching mainstream schools. Government funding alone will not create the needed innovation ecosystem; collaborative efforts are required between various stakeholders.
This document discusses how to build a sustainable innovation ecosystem for game-based learning in K-12 education. It argues that current game-based learning products have not achieved critical mass due to problems with deployment and a lack of an innovation ecosystem. It advocates targeting areas of non-consumption for pilots and disruptive implementation strategies. It also stresses the need to intrinsically motivate students by satisfying psychological needs, and notes that solely relying on government funding will not sustain the ecosystem long-term. A new collaborative model is needed involving multiple stakeholders from government, industry, and education.
Those who are desirous of joining architecture course may go through this presentation to understand what is Architecture, what is NATA, and how many colleges are providing courses in Architecture in India.
This document discusses how integrating hands-on art and design projects into entrepreneurship education can provide students with valuable real-world experiences. It argues that art fosters imagination and the ability to see problems from different perspectives, both of which are important skills for entrepreneurs. The document outlines an approach used at Cogswell Polytechnical College where students from different disciplines work together on collaborative projects, strengthening their individual skills while learning to contribute to a team. It provides examples of how basic skills in drawing, sculpting, and other art forms can be useful design tools for developing products and scenarios, even for those not primarily studying art.
Design Thinking For Educational Technology Stefanie Panke
The document provides an overview of design thinking. It discusses what design thinking is, how it can be used to solve "wicked problems", and some related approaches like LEGO Serious Play and participatory design. It also shares examples of design thinking workshops conducted at universities in Germany to redesign websites and develop curricula. Participants provided positive feedback on the creativity and cross-disciplinary nature of design thinking, though some noted it lacks ways to further develop ideas.
2012 Profession Portfolio of Allen J CochranAllen Cochran
The document provides a multi-page curriculum vitae for Allen J Cochran that details his educational and professional experiences. It includes information on his Bachelor of Fine Arts degree from the University of Cincinnati College of Design, Architecture, Art, and Planning as well as his current pursuit of a Master of Fine Arts degree from The Ohio State University in service and interaction design. It also lists his previous work experiences, technical abilities, and research and design process.
The document is a proposal from David Ngo for an Individually Designed Major (IDM) in Behavior Design at Stanford University. [1] It outlines David's motivation and goals for the IDM, which are to optimize his Stanford experience and help spearhead the new field of Behavior Design. [2] The proposed courses cover areas like Computer Science, Entrepreneurship, Psychology, Design Thinking, and Communication to bridge various disciplines and allow hands-on application of Behavior Design principles. [3] David believes this combination is uniquely suited to achieve his aims compared to existing majors like CS, Psychology, or Product Design.
Transparent, playful and easy – identifying creative ways to facilitate and s...linioti
This document discusses ways to facilitate dialogue between industry and education. It considers that time is the biggest obstacle to industry engagement. It suggests providing engagement opportunities that require varying levels of time commitment, such as answering brief questions on social media. Transparency in communicating goals and expectations can also encourage industry participation. Introducing elements of play, like challenges for students with industry-provided prizes, can make engagement fun while benefiting learning. Technology like social media can make the process easy for busy professionals. The key is removing friction to obtain industry assistance in areas like curating online resources for students.
PDF SubmissionDigital Marketing Institute in NoidaPoojaSaini954651
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
This document summarizes a presentation about overcoming math obstacles through visualizing with the AL Abacus. The presentation was given by Tracy Mittleider and was based on the work of Joan A. Cotter. It discusses Dr. Cotter's background and the development of the AL Abacus, a visual and tactile manipulative that helps develop mental images of quantities, strategies, and mathematical operations. It also provides examples of how the abacus can be used to help visualize quantities and perform simple addition.
Chia-En Lu is a designer specializing in color, material, and product design. She has worked for AsusTek and Pegatron Corporation researching trends, developing color palettes, and advising on material applications. Some of her projects include Yii, a bamboo cradle and pottery bowl emphasizing materials, TaChia Mat, a straw weaving mat winning a design award, and Unfold and To-Gather, furniture utilizing folding and materials in unique ways. She currently lives in Finland.
Video Games & Education: Building A Sustainable Innovation EcosystemAl Meyers
This document discusses building a sustainable innovation ecosystem for video game-based learning. It argues that current game-based learning products have not achieved critical mass due to three main problems: 1) schools need to be redesigned to be intrinsically motivating; 2) game-based learning is not being deployed disruptively; and 3) a sustainable innovation ecosystem must be constructed. It proposes targeting areas of non-consumption and using disruptive implementation strategies to pilot game-based learning before approaching mainstream schools. Government funding alone will not create the needed innovation ecosystem; collaborative efforts are required between various stakeholders.
This document discusses how to build a sustainable innovation ecosystem for game-based learning in K-12 education. It argues that current game-based learning products have not achieved critical mass due to problems with deployment and a lack of an innovation ecosystem. It advocates targeting areas of non-consumption for pilots and disruptive implementation strategies. It also stresses the need to intrinsically motivate students by satisfying psychological needs, and notes that solely relying on government funding will not sustain the ecosystem long-term. A new collaborative model is needed involving multiple stakeholders from government, industry, and education.
Those who are desirous of joining architecture course may go through this presentation to understand what is Architecture, what is NATA, and how many colleges are providing courses in Architecture in India.
This document discusses how integrating hands-on art and design projects into entrepreneurship education can provide students with valuable real-world experiences. It argues that art fosters imagination and the ability to see problems from different perspectives, both of which are important skills for entrepreneurs. The document outlines an approach used at Cogswell Polytechnical College where students from different disciplines work together on collaborative projects, strengthening their individual skills while learning to contribute to a team. It provides examples of how basic skills in drawing, sculpting, and other art forms can be useful design tools for developing products and scenarios, even for those not primarily studying art.
Design Thinking For Educational Technology Stefanie Panke
The document provides an overview of design thinking. It discusses what design thinking is, how it can be used to solve "wicked problems", and some related approaches like LEGO Serious Play and participatory design. It also shares examples of design thinking workshops conducted at universities in Germany to redesign websites and develop curricula. Participants provided positive feedback on the creativity and cross-disciplinary nature of design thinking, though some noted it lacks ways to further develop ideas.
2012 Profession Portfolio of Allen J CochranAllen Cochran
The document provides a multi-page curriculum vitae for Allen J Cochran that details his educational and professional experiences. It includes information on his Bachelor of Fine Arts degree from the University of Cincinnati College of Design, Architecture, Art, and Planning as well as his current pursuit of a Master of Fine Arts degree from The Ohio State University in service and interaction design. It also lists his previous work experiences, technical abilities, and research and design process.
The document is a proposal from David Ngo for an Individually Designed Major (IDM) in Behavior Design at Stanford University. [1] It outlines David's motivation and goals for the IDM, which are to optimize his Stanford experience and help spearhead the new field of Behavior Design. [2] The proposed courses cover areas like Computer Science, Entrepreneurship, Psychology, Design Thinking, and Communication to bridge various disciplines and allow hands-on application of Behavior Design principles. [3] David believes this combination is uniquely suited to achieve his aims compared to existing majors like CS, Psychology, or Product Design.
Transparent, playful and easy – identifying creative ways to facilitate and s...linioti
This document discusses ways to facilitate dialogue between industry and education. It considers that time is the biggest obstacle to industry engagement. It suggests providing engagement opportunities that require varying levels of time commitment, such as answering brief questions on social media. Transparency in communicating goals and expectations can also encourage industry participation. Introducing elements of play, like challenges for students with industry-provided prizes, can make engagement fun while benefiting learning. Technology like social media can make the process easy for busy professionals. The key is removing friction to obtain industry assistance in areas like curating online resources for students.
PDF SubmissionDigital Marketing Institute in NoidaPoojaSaini954651
https://www.safalta.com/online-digital-marketing/advance-digital-marketing-training-in-noidaTop Digital Marketing Institute in Noida: Boost Your Career Fast
[3:29 am, 30/05/2024] +91 83818 43552: Safalta Digital Marketing Institute in Noida also provides advanced classes for individuals seeking to develop their expertise and skills in this field. These classes, led by industry experts with vast experience, focus on specific aspects of digital marketing such as advanced SEO strategies, sophisticated content creation techniques, and data-driven analytics.
Fonts play a crucial role in both User Interface (UI) and User Experience (UX) design. They affect readability, accessibility, aesthetics, and overall user perception.
Decormart Studio is widely recognized as one of the best interior designers in Bangalore, known for their exceptional design expertise and ability to create stunning, functional spaces. With a strong focus on client preferences and timely project delivery, Decormart Studio has built a solid reputation for their innovative and personalized approach to interior design.
Practical eLearning Makeovers for EveryoneBianca Woods
Welcome to Practical eLearning Makeovers for Everyone. In this presentation, we’ll take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.
Architectural and constructions management experience since 2003 including 18 years located in UAE.
Coordinate and oversee all technical activities relating to architectural and construction projects,
including directing the design team, reviewing drafts and computer models, and approving design
changes.
Organize and typically develop, and review building plans, ensuring that a project meets all safety and
environmental standards.
Prepare feasibility studies, construction contracts, and tender documents with specifications and
tender analyses.
Consulting with clients, work on formulating equipment and labor cost estimates, ensuring a project
meets environmental, safety, structural, zoning, and aesthetic standards.
Monitoring the progress of a project to assess whether or not it is in compliance with building plans
and project deadlines.
Attention to detail, exceptional time management, and strong problem-solving and communication
skills are required for this role.
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEFebless Hernane
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
Revolutionizing the Digital Landscape: Web Development Companies in Indiaamrsoftec1
Discover unparalleled creativity and technical prowess with India's leading web development companies. From custom solutions to e-commerce platforms, harness the expertise of skilled developers at competitive prices. Transform your digital presence, enhance the user experience, and propel your business to new heights with innovative solutions tailored to your needs, all from the heart of India's tech industry.
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page pmgdscunsri
Figma is a cloud-based design tool widely used by designers for prototyping, UI/UX design, and real-time collaboration. With features such as precision pen tools, grid system, and reusable components, Figma makes it easy for teams to work together on design projects. Its flexibility and accessibility make Figma a top choice in the digital age.
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Basics of Interaction Design Strategy Spring 2012 Part 2
1. Let’s eat!
LUNCH
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 84
2. Let’s chat!
TRENDING TOPICS
http://www.flickr.com/photos/westmidlandspolice/6898977638/
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 85
3. TRENDS
Future Friendly Thinking
• Laser focus
• Orbital data
• Universal/structured content
• Unknown vessels
• Command your fleet
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 86
4. TRENDS
Progressive Enhancements
• Abandon comfortable assumptions
• Mobile first
• Build up core experience
• Set solid foundation
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 87
5. TRENDS
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 88
6. TRENDS
Ethan Marcotte
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 89
7. TRENDS
Responsive Design
• Flexible foundation
• Responsive architecture
• Adaptive templates
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 90
8. TRENDS
Simon Collison
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 91
9. TRENDS
Boston Globe
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 92
10. TRENDS
Anti- Responsive Design
Responsive Design is counter productive,
not-fit-for-purpose, and based on
hypocritical-and-contradicting bull***.
KEVIN GALLAGHER
http://kevinjohngallagher.com/
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 93
11. TRENDS
Responsive Design
Mobile Design
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 94
12. Basics
Responsive Design
I think of responsive design as an
alternative to mobile sites.
ETHAN MARCOTTE
Experiencinginformation.com
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 95
13. TRENDS
Luke Wroblewski
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 96
14. TRENDS
Mobile First
• Mobile is exploding.
• Mobile forces you to focus.
• Mobile extends your capabilities.
Luke Wroblewski
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 97
15. TRENDS
Adweek
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 98
16. BASICS
CONTEXT
UX
CONTENT USERS
Basics of Interaction Design + Strategy | Fall 2011 School of Visual Arts | Anh Dang
Friday, April 13, 12 99
17. TRENDS
Mobile Considerations
• Mobile Screen sizes
– Varying widths based on devices
128, 160, 176, 240, 320, 360, 400, 480
• Display modes
– Landscape and portrait
• Technical Support
– Javascript, cookies
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 100
18. TRENDS
Organizing Mobile
• Align with how people use their mobile
devices and why.
• Emphasize content over navigation.
• Provide relevant options for exploration and
pivoting.
• Maintain clarity and focus.
• Align with mobile behaviors
Mobile First by Luke Wroblewski (A Book Apart, 2011)
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 101
19. TRENDS
Mobile Capabilities
– Location/GPS
– Multi-touch
– Accelerometer
– Camera
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 102
20. TRENDS
@Lukew in Mobile First: “When holding a touch phone screen with only your right hand, it’s easy to hit the dark green
area and a stretch to tap the yellow area with your thumb.” UXRave.com
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 103
21. TRENDS
Touch First
Windows touch gestures interactions
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 104
22. TRENDS
5th Finger’s Five Tenets
• The NUI is not the GUI.
• Be thoughtful about the location of your main
interface elements & navigation.
• It’s tactile like the real world so use existing real
world metaphors!
• Don’t be limited by what others are doing –
create a new interaction paradigm
• Be passionate, and iterate often, to build a tablet
UX that customers go out of their way to
‘experience’ not just ‘use’.
Steen Anderson, fingerfood.5thfinger.com
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 105
23. TRENDS
Mobile Experience
Responsive design, adaptive design, progressive
enhancement, and progressive disclosure give us
the technical tools we need to create a single
website that works well on all sites. We're still
learning to use those tools the right way.
JOSH CLARK
http://globalmoxie.com
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 106
24. Mobile Landscape
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 107
25. MOBILE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 108
26. EXPLORE: Noteworthy Practices
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 109
27. MOBILE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 110
28. MOBILE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 111
29. MOBILE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 112
30. MOBILE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 113
31. MOBILE
Taylor
photostream Taylor
photostream
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 114
32. MOBILE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 115
33. MOBILE
Taylor
photostream Taylor
photostream
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 116
34. MOBILE
Taylor
photostream Taylor
photostream
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 117
35. MOBILE
Taylor
photostream Taylor
photostream
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 118
36. MOBILE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 119
37. MOBILE
Taylor
photostream Taylor
photostream
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 120
38. MOBILE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 121
39. MOBILE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 122
40. MOBILE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 123
41. MOBILE
Taylor
photostream Taylor
photostream
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 124
42. MOBILE
Taylor
photostream Taylor
photostream
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 125
43. Let’s mobilize!
MOBILE
http://www.flickr.com/photos/mattpelletier/486918215/
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 126
44. Design Challenge
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 127
45. EXPLORE
Personas & Scenarios
I know what I want…
let’s learn more and
I’m not sure what I see what’s similar. I know what I like…
want… Show me. let’s see what fits my
let’s see what’s there. interests.
Surprise me. Lead me.
The
Planner
The The
Explorer Generalist
Mindset: Tentative, Passive Mindset: Direct, Active Mindset: Generalist
Goals: Browse Goals: Search Goals: Configure
Need: Inspiration Need: Information Need: Direction
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 128
46. EXPLORE
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 129
47. EXPLORE
Wireframes & Paper Prototypes
The 100
Places to Go
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 130
48. EXPLORE
Goals
• Establish strong content strategy
• Prioritize features
• Set a solid foundation
• Optimize for mobile experience
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 131
49. EXPLORE
Conceptual Explorations
The The The
Configurators Facet-ilators Navigators
Configuration Faceted Search Basic Navigation
Find results based on Find and filter results View a grid of results
interest
Landing Page (Interests) Landing Page (Search) Landing Page (All)
Configuration Results Filtered Results Destination Details
Destination Details Destination Details
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 132
50. EXPLORE
Team Review
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 133
51. EXPLORE
Noteworthy Practices
• Fluid layouts to fit various sizes for mobile
devices
• Consider performance and load times
• Don't use hover states
• Keep design and functionality simple
• Option to visit full site
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 134
52. Let’s chat!
QUESTIONS & ANSWERS
http://www.flickr.com/photos/mattpelletier/486918215/
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 135
53. http://www.flickr.com/photos/katerha/5203462147/
Bon Voyage!
School of Visual Arts
Basics of Interaction Design & Strategy
Spring 2012
Anh Dang
adang@sva.edu
slideshare.com/sva.ia
Basics of Interaction Design + Strategy | Spring 2012 School of Visual Arts | Anh Dang
Friday, April 13, 12 136