The document discusses emerging topics in mobile design and interaction. It begins by noting that mobile presents an opportunity to invent new ways for users to interact with information. It then outlines three emerging mobile topics: 1) Shapeshifting, where devices and interfaces can change form; 2) A Brave NUI World, where natural user interfaces replace graphical user interfaces; and 3) Comfortable Computing, where mobile devices are used for leisure in addition to tasks. The document explores each topic in more depth and provides implications and challenges for designers. It encourages thinking of content as a design material and focusing on how mobile experiences can unfold for users.
Mobile user experience is a new frontier. Untethered from a keyboard and mouse, this rich design space is lush with opportunity to invent new and more human ways for people to interact with information. Invention requires casting off many anchors and conventions inherited from the last 50 years of computer science and traditional design and jumping head first into a new and unfamiliar design space.
In this talk, Rachel will provide:
Insight into how designers and UX professionals can navigate the unfamiliar and fast-changing mobile landscape with grace and solid thinking.
In-depth information on advanced mobile design topics UX professionals will spend the next 10+ years pioneering
Tools and frameworks necessary to begin tackling mobile UX problems in this rapidly changing design space.
How are stories constructed? // The things we buy, the decisions we make, how we spend our time— stories govern all these actions. But how are these stories constructed? Specifically, what have we learned about how our brains make sense of and integrate new information?
Predictable Irrationality If You Build What They Ask For, They Will Not ComeJoyce Hostyn
Traditional approaches to defining and deploying enterprise software fail to account for that fact that people are influenced by their environment, emotions, shortsightedness, and other forms of irrationality. How do we get past the predictable irrationality of people to redefine the problem and create experiences that people will embrace?
Mobile user experience is a new frontier. Untethered from a keyboard and mouse, this rich design space is lush with opportunity to invent new and more human ways for people to interact with information. Invention requires casting off many anchors and conventions inherited from the last 50 years of computer science and traditional design and jumping head first into a new and unfamiliar design space.
In this talk, Rachel will provide:
Insight into how designers and UX professionals can navigate the unfamiliar and fast-changing mobile landscape with grace and solid thinking.
In-depth information on advanced mobile design topics UX professionals will spend the next 10+ years pioneering
Tools and frameworks necessary to begin tackling mobile UX problems in this rapidly changing design space.
How are stories constructed? // The things we buy, the decisions we make, how we spend our time— stories govern all these actions. But how are these stories constructed? Specifically, what have we learned about how our brains make sense of and integrate new information?
Predictable Irrationality If You Build What They Ask For, They Will Not ComeJoyce Hostyn
Traditional approaches to defining and deploying enterprise software fail to account for that fact that people are influenced by their environment, emotions, shortsightedness, and other forms of irrationality. How do we get past the predictable irrationality of people to redefine the problem and create experiences that people will embrace?
Can we design organizations for beauty?Joyce Hostyn
The future is ours to imagine, design and create. And if we’re dreaming the future into being, why not dream of a future where business is beautiful. Where business delivers the promise of happiness. Where business is an incredible force for positive change in the world.
Web Visions PDX '12: Applying Behavior DesignChris Risdon
Presentation given at WebVisions Portland. (for those that saw my SxSW presentation, presentation has been refined and updated)
More and more products and services are designed around motivating users and incentivizing change. Products and services in finance, health and the environment, among other areas, are increasingly designed around influencing behavior. Some are doing this better than others. There are useful academic models and patterns for applying persuasion techniques. However, these techniques tend to stand alone, separate from our proven methods and processes for designing for good user experiences.
Future Interface : What the last 50+ Years of Modern Computing History May Te...CA API Management
The age of modern computing is now dates back than half a century. What key accomplishments in the field over these past decades have notably shaped computing today? And what trends and practices today are likely to have an affect on the future of computing?
In this lively presentation, Mike Amundsen - author, presenter, and software architect - highlights key trends in the past fifty years; drawing from diverse sources including physical architecture, industrial design, the psychology of perception, and cross-cultural mono-myth that helped to shape both the art and business of computing today and discusses current social and technological trends that may have a hand in shaping the future of computing. He asks attendees to consider what the future of computing will look like and what business and individuals can do today to prepare for, and influence, computing's future. Amundsen, whose latest book "Building Hypermedia APIs with HTML5 and Node" has been called "[O]ne of the biggest conceptual advances since Roy Fielding first defined the REST architectural style" will focus on the role APIs can play and how hypermedia and other non-linear, collaborative models can influence the way humans and machines communicate in a future "programmable civilization."
Responsive Design & Prototyping -- An Agency Model (Part 3/3)Neeta Goplani
Responsive Design & Prototyping -- An Agency Model
This presentation is in three parts, please see the links and description below:
Links:
Part 1: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-13
Part 3: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-23
Part 2: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-33
Description:
Digitas is pleased to host the April 2012 UPA Boston meeting. We’ll be looking at some of the latest trends we’ve seen in Experience Design. We will discuss how we at Digitas are redefining our approach and share the successes and challenges we’ve encountered along the way. We will focus specifically on responsive design as well as the value of prototyping in new more complex digital ecosystems.
Essential Questions for using iPads in Education. What is the difference between transformative use and automated use of iPads in the classroom?
Six activities to try out as a teacher. Many apps to get teachers started in creating with their students. QR codes available to link to apps.
In the software world—desktop, web, mobile, tablet—discoverability typically refers to the ease at which users may find a feature to complete a specific task they have in mind. But it may also refer to the ability to simply get started with a new application, or the ability to discover features unknown to the user, e.g., those that may improve performance. These slides provide 7 clear ways to improve discoverability in your application designs.
Are educators conscious of how they are using technology? Is technology used in a way that substitutes a previously taught analog task or is it used to transform a task that would not have been possible without technology?
Pictures are global and transcend words. They carry metaphors, symbols and meaning beyond the written word. Capturing ideas with images takes less time than reading text or verbalizing ideas, and making drawings helps you tell stories more effectively.
Visual thinking can help you make sense of complexity, help find patterns and surface critical issues, help make faster, better decisions, and help you take action and do ‘good’ for your business.
In order to get comfortable with the skill of visual thinking, we need to build confidence in drawing ability for those with no experience, help people develop a personal toolbox of sketching shortcuts, promote and encourage visual thinking as a useful tool at the desk and in the conference room.
The goal is to move from “let’s THINK out loud” to “let’s VISUALLY THINK out loud” as a way to brainstorm, collaborate and innovate together in the workplace.
BAM! POW! Beloved superhero Daredevil squelches his enemies with speed and precision, completely uninhibited by his blindness. Overcoming adversity, discovering superpowers, and saving the world are common themes in comics and graphic novels. Our mission is to bring those themes into the world of accessible design.
The World Heath Organization and the World Bank report that nearly 1 out of 7 of the world's population has some form of disability. Creating products and services that don't include alternate interaction models is a failure on a global scale. Designers and engineers are the middlemen between disability and super-ability, and it is our duty to help break interface barriers. This session will explore examples and methods for understanding and practicing accessible design.
Přednáška pro konferenci Common 2016. Co je a proč používat Mobile First? Ukázky kódu z praxe a problémy tohoto postupu.
✎ http://www.vzhurudolu.cz/prirucka/mobile-first
Can we design organizations for beauty?Joyce Hostyn
The future is ours to imagine, design and create. And if we’re dreaming the future into being, why not dream of a future where business is beautiful. Where business delivers the promise of happiness. Where business is an incredible force for positive change in the world.
Web Visions PDX '12: Applying Behavior DesignChris Risdon
Presentation given at WebVisions Portland. (for those that saw my SxSW presentation, presentation has been refined and updated)
More and more products and services are designed around motivating users and incentivizing change. Products and services in finance, health and the environment, among other areas, are increasingly designed around influencing behavior. Some are doing this better than others. There are useful academic models and patterns for applying persuasion techniques. However, these techniques tend to stand alone, separate from our proven methods and processes for designing for good user experiences.
Future Interface : What the last 50+ Years of Modern Computing History May Te...CA API Management
The age of modern computing is now dates back than half a century. What key accomplishments in the field over these past decades have notably shaped computing today? And what trends and practices today are likely to have an affect on the future of computing?
In this lively presentation, Mike Amundsen - author, presenter, and software architect - highlights key trends in the past fifty years; drawing from diverse sources including physical architecture, industrial design, the psychology of perception, and cross-cultural mono-myth that helped to shape both the art and business of computing today and discusses current social and technological trends that may have a hand in shaping the future of computing. He asks attendees to consider what the future of computing will look like and what business and individuals can do today to prepare for, and influence, computing's future. Amundsen, whose latest book "Building Hypermedia APIs with HTML5 and Node" has been called "[O]ne of the biggest conceptual advances since Roy Fielding first defined the REST architectural style" will focus on the role APIs can play and how hypermedia and other non-linear, collaborative models can influence the way humans and machines communicate in a future "programmable civilization."
Responsive Design & Prototyping -- An Agency Model (Part 3/3)Neeta Goplani
Responsive Design & Prototyping -- An Agency Model
This presentation is in three parts, please see the links and description below:
Links:
Part 1: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-13
Part 3: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-23
Part 2: http://www.slideshare.net/ngoplani/responsive-design-prototyping-an-agency-model-part-33
Description:
Digitas is pleased to host the April 2012 UPA Boston meeting. We’ll be looking at some of the latest trends we’ve seen in Experience Design. We will discuss how we at Digitas are redefining our approach and share the successes and challenges we’ve encountered along the way. We will focus specifically on responsive design as well as the value of prototyping in new more complex digital ecosystems.
Essential Questions for using iPads in Education. What is the difference between transformative use and automated use of iPads in the classroom?
Six activities to try out as a teacher. Many apps to get teachers started in creating with their students. QR codes available to link to apps.
In the software world—desktop, web, mobile, tablet—discoverability typically refers to the ease at which users may find a feature to complete a specific task they have in mind. But it may also refer to the ability to simply get started with a new application, or the ability to discover features unknown to the user, e.g., those that may improve performance. These slides provide 7 clear ways to improve discoverability in your application designs.
Are educators conscious of how they are using technology? Is technology used in a way that substitutes a previously taught analog task or is it used to transform a task that would not have been possible without technology?
Pictures are global and transcend words. They carry metaphors, symbols and meaning beyond the written word. Capturing ideas with images takes less time than reading text or verbalizing ideas, and making drawings helps you tell stories more effectively.
Visual thinking can help you make sense of complexity, help find patterns and surface critical issues, help make faster, better decisions, and help you take action and do ‘good’ for your business.
In order to get comfortable with the skill of visual thinking, we need to build confidence in drawing ability for those with no experience, help people develop a personal toolbox of sketching shortcuts, promote and encourage visual thinking as a useful tool at the desk and in the conference room.
The goal is to move from “let’s THINK out loud” to “let’s VISUALLY THINK out loud” as a way to brainstorm, collaborate and innovate together in the workplace.
BAM! POW! Beloved superhero Daredevil squelches his enemies with speed and precision, completely uninhibited by his blindness. Overcoming adversity, discovering superpowers, and saving the world are common themes in comics and graphic novels. Our mission is to bring those themes into the world of accessible design.
The World Heath Organization and the World Bank report that nearly 1 out of 7 of the world's population has some form of disability. Creating products and services that don't include alternate interaction models is a failure on a global scale. Designers and engineers are the middlemen between disability and super-ability, and it is our duty to help break interface barriers. This session will explore examples and methods for understanding and practicing accessible design.
Přednáška pro konferenci Common 2016. Co je a proč používat Mobile First? Ukázky kódu z praxe a problémy tohoto postupu.
✎ http://www.vzhurudolu.cz/prirucka/mobile-first
Myslíte, že není ještě potřeba mít mobilní web? Statistiky vás vyvedou z omylu.
Specifika mobilních zařízení – mobilní musí znamenat rychlý.
Přístupy k mobilnímu designu a rozdíly oproti návrhu klasického webu.
Prioritizace informací.
Prvky (ne)žádoucí pro mobilní rozhraní – mobilní neznamená informačně osekaný.
Jak na dotyková rozhraní a jejich specifikace.
http://www.vzhurudolu.cz
3 kroky za klasickým responzivním webdesignem:
— Různé verze médií
— Rychlost načítání
— Efektivita práce: mikrobreakpointy a mobile up
http://www.vzhurudolu.cz/prednaska/design-webu-v-prohlizeci-149 ***** Přednáška pr WebExpo 2015. Pojďme si ukázat proces návrhu rozhraní webu při responzivním redesignu eshopu VašeČočky.cz. V posledních letech jsem opustil standardní postupy s wireframy a Photoshopem. Vystačím si s papírem, tužkou a prohlížečem.
Technology as a Cultural Practice - UX AustraliaRachel Hinman
How do you design a mobile money service for people in rural Uganda who’ve never had a bank account? How do you test the usability of a mobile phone’s address book for users in rural India who’ve never had an address… yet alone an analog address book?
As cheap PCs and inexpensive mobile phones flood the global market, usability and user experience professionals will encounter more and more questions like these – questions that challenge not only our research tools and methodologies, but our fundamental assumptions about how people engage with technology. In this talk, Rachel will share insights she’s gained through creating experiences that must scale across vastly different cultures. She’ll share her thoughts on the challenges and opportunities designing for global markets will present to the user experience industry in the years to come.
SVG bude pro tvorbu uživatelských rozhraní hotová revoluce. To si pište. Flexbox spolu s novými CSS3 vlastnostmi zase zjednodušuje postupy, které dřív z kodérů lezly jako z chlupaté deky. Designéři, vezměte svého kodéra a přijďte se ruku v ruce inspirovat novými technologickými možnostmi frontendu.
ČT má nový designový tým, který postupně redesignuje weby a aplikace. "Děláme UX". Máchat kolem sebe buzzwordy umí každý. Já vám zcela bez buzzwordů ukážu, jaké metody používáme a jak z minima vytěžit maximum.
This white paper/slide deck examines the issue of the proliferation of icons on touchscreen smartphones - touchscreen clutter - and offers two solutions. This is an update on our 2010 white paper.
Talk at the UAlberta Students Design Association onDesign series about user experience, what it is, and how upcoming visual and industrial designers can get involved in UX.
The cornerstone of UX, user interface design presents unique, user-centric challenges, exposing exciting opportunities to produce cohesive and engaging interactive experiences. Covering mobile-specific UI principles, practical implementation and rule breaking, Fred Spencer will share with you how the Titanium platform can make it easy to meaningfully improve user experience and exceed user expectations.
Located in the greater Boston area, Fred Spencer is an Appcelerator senior application architect and digital media instructor at the Rhode Island School of Design, Continuing Education.
A lightening speed introduction to the world of digital design. Targeted at people from graphic design, advertising or marketing backgrounds who are looking to make the transition into the digital design world.
This talk was given at the Swift Paris meetup in October 2018.
Earlier this year, shiny animated cards started appearing in Zenly and now they’re all over the app! This talk reveals the origin of the idea, the tricks behind the execution and how the cards evolved through multiple iterations.
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert
In this presentation, we examine the challenges and limitations of relying too heavily on PHP frameworks in web development. We discuss the history of PHP and its frameworks to understand how this dependence has evolved. The focus will be on providing concrete tips and strategies to reduce reliance on these frameworks, based on real-world examples and practical considerations. The goal is to equip developers with the skills and knowledge to create more flexible and future-proof web applications. We'll explore the importance of maintaining autonomy in a rapidly changing tech landscape and how to make informed decisions in PHP development.
This talk is aimed at encouraging a more independent approach to using PHP frameworks, moving towards a more flexible and future-proof approach to PHP development.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
5. Even in situations in which a spirit of
exploration and freedom exist, where faculty
“Hey, I’ve got this great idea for an app…”
are free to experiment to work beyond physical
and social constraints, our cognitive habits
often get in the way.
Marshall McLuhan called it “the rear-view
mirror effect,” noting that “We see the world
through a rear-view mirror. We march
backwards into the future.”!
10. Even in in situations in whichaaspirit of
Even situations in which spirit of
exploration and freedom exist, where we are
exploration and freedom exist, where faculty
free to experiment and to work beyond physical
are free to experiment work beyond physical
and social constraints,
and social constraints, our cognitive habits
our cognitive habits often get in the way.
often get in the way.
Marshall McLuhan called called it
Marshall McLuhan it “the rear-view
“the rear-viewnoting that “We noting that
mirror effect,” mirror effect,” see the world
“We see the world through a rear-view mirror.
through a rear-view mirror. We march
We march backwards intofuture.”!
backwards into the the future.”
22. Q:
“I think a lot of web design in the
past five to ten years is actually
Q:!
just a reflection of print again.
We’ve been designing for one
context, which isn’t much better
than a PDF document.”
~ Bryan Rieger
22!
23. Q: “Our obsession with layout
(carried over from print design)
Q:!
keeps us from seizing much
bigger opportunities on mobile.”
~ Luke Wroblewski
23!
28. Q: Suchman’s theory of mutual
reconfiguration suggests a person’s
Q:!
capacity to act (their agency) is
reconfigured when it comes into
contact with another thing or person -
that human action is constantly
constructed and reconstructed
from dynamic interactions with the
material and social worlds.
51. “Right now many designers end up
focusing a lot of energy on the overlying
Q:
view – the whole template and look and
feel. But the smaller the screen gets, the
less that stuff matters.
Q:!
One of the most important things we’ve
started looking at is writing and working
with APIs rather than designing ‘pages’
for one context.”
~Stephanie Rieger
52. “For so much digital content, there is
no good metaphor to render anymore
– the content is just information, text
and images – so new approaches to
Q:!
interaction and visual UI design are
needed.”
~Mike Kruzeniski
96. Mobile Experiences Unfold
Patterns for how mobile experiences unfold
and progressively reveal their nature
1 The Nested Doll Pattern
2 The Hub and Spoke Pattern
3 The Bento Box Pattern
4 The Filtered View Pattern
101. Mobile Experiences Unfold
Patterns for how mobile experiences unfold
and progressively reveal their nature
1 The Nested Doll Pattern
2 The Hub and Spoke Pattern
3 The Bento Box Pattern
4 The Filtered View Pattern
102. A!
Trick to unfolding =
Information boulders to pebbles
102!
106. Your Design Challenge!
From GUI to NUI
1 Identify an interaction sequence you’d like
to recreate using NUI principles.
2 Sketch out the interaction using the
templates provided.
3 Identify how you’d like your mobile
experience to unfold.
106!
109. REMEMBER!
It’s easy to go crazy and try to do it all.
Instead, focus on applying what we’ve covered…
Understanding the differences between
graphical and natural user interfaces.
Experimenting with how your mobile
experience can unfold and and progressively
reveal its nature.
Play around with the unfolding patterns that
have been presented… or invent some of your
own. 109!
111. Paper In-Screen Prototypes
Following Process documented by Diego Pulido via
UX Magazine – Paper In-Screen Prototypes
Photos courtesy of Diego Pulido and UX Magazine
111!
112. 1. Sketch screen layouts. !
!
!
! !
112
Photo courtesy of Diego Pulido and UX Magazine
113. 1. Sketch screen layouts.
2. Scan or photograph
the sketches.
113
Photo courtesy of Diego Pulido and UX Magazine
114. 1. Sketch screen layouts.
2. Scan or photograph
the sketches.
3. Making sizing
adjustments to the
files.
114
Photo courtesy of Diego Pulido and UX Magazine!
115. 4. Save the resized
images in a file format
supported by the mobile
device. Be mindful of the
sequencing of your
screens and label files
accordingly.
115
Photo courtesy of Diego Pulido and UX Magazine
116. 4. Save the resized
images in a file format
supported by the mobile
device. Be mindful of
the sequencing of your
screens and label files
accordingly.
5. Import the files into
the mobile device’s
photo gallery.
116!
Photo courtesy of Diego Pulido and UX Magazine!
117. 4. Save the resized
images in a file format
supported by the mobile
device. Be mindful of the
sequencing of your
screens and label files
accordingly.
5. Import the files into
the mobile device’s
photo gallery.
6. Click and swipe away.
117!
Photo courtesy of Diego Pulido and UX Magazine
Paper Prototype example!
123. “The most profound technologies
Q:
are those that disappear.
Q:!
They weave themselves into the
fabric of everyday life until they
are indistinguishable from it.”
~ Mark Weiser
The Computer for the 21st Century
130. “I like cuddling up in bed with
Q:
Netflix on the iPad instead of
sitting in front of the TV. It’s more
Q:!
comfortable to go to bed with a
movie the same way I used to go
to bed with a book”
~ Norbert
iPad Study Participant
131. “It’s almost like my blankie…
Q:
I curl up in bed with it, or on the
couch. I usually have it with me,
Q:!
regardless of extenuating
circumstances ”
~ Erin
iPad Study Participant
140. Tasks are about completion…
Possibilities are interactions that
accrue over time…
140!
141. Tasks are about completion…
Possibilities are interactions that
accrue over time…
… or facilitate
exploration…
141!
142. Tasks are about completion…
Possibilities are interactions that
accrue over time…
..or are about
… or facilitate SENSING
exploration… INTENT!
142!