The document provides a history of interaction design and human-computer interaction from the 1940s to the 2000s. It describes the evolution of users from inventors and experts in the early period to widespread personal use today. Interfaces progressed from switches and cables to modern graphical user interfaces, and affordability increased from only the military and large organizations to widespread personal adoption. The timeline shows how interaction design shaped our lives through the development of new technologies over the decades.
Human-computer interaction (HCI) is a multidisciplinary field of study focusing on the design of computer technology and, in particular, the interaction between humans (the users) and computers. While initially concerned with computers, HCI has since expanded to cover almost all forms of information technology design
A basic introduction to the principles of design thinking and how they can be used successfully in product design and development. This presentation was used for facilitating a workshop "Design Thinking for Product Design."
Topics include:
Introduction to user interface
Types of user interface
Graphic user interface definition
History of user interface
Difference between UI and UX
Characteristics of GUI
Advantages and disadvantages
This is a lecture I gave to my User Experience class at General Assembly on Interaction Design. It covers a brief history, and the various approaches that are being used.
I borrowed from other sources to a degree, which I have cited extensively.
Presentation for General Assembly to Introduction to Visual Design. Covers the basic understanding of what graphic design is and how it is applied in the UI and UX of design today on the web.
Jakob Nielsen developed the method of 'Heuristic Evaluation' to help identify problems with an interface. This presentation explains the 10 rules of thumb or heuristics with examples.
Human-computer interaction (HCI) is a multidisciplinary field of study focusing on the design of computer technology and, in particular, the interaction between humans (the users) and computers. While initially concerned with computers, HCI has since expanded to cover almost all forms of information technology design
A basic introduction to the principles of design thinking and how they can be used successfully in product design and development. This presentation was used for facilitating a workshop "Design Thinking for Product Design."
Topics include:
Introduction to user interface
Types of user interface
Graphic user interface definition
History of user interface
Difference between UI and UX
Characteristics of GUI
Advantages and disadvantages
This is a lecture I gave to my User Experience class at General Assembly on Interaction Design. It covers a brief history, and the various approaches that are being used.
I borrowed from other sources to a degree, which I have cited extensively.
Presentation for General Assembly to Introduction to Visual Design. Covers the basic understanding of what graphic design is and how it is applied in the UI and UX of design today on the web.
Jakob Nielsen developed the method of 'Heuristic Evaluation' to help identify problems with an interface. This presentation explains the 10 rules of thumb or heuristics with examples.
From Typing To Swiping: Interaction Design has come a long way!Karen McGrane
The Ignite format is 20 slides which auto-advance after 15 seconds for a total of 5 minutes. This includes the slides, speaking script, and detailed notes + citations
Watch video here: http://vimeo.com/9661208
In "The Human Interface", I explain how we can make better products when we think of them as human beings.
This is the version I presented at the Interaction 10 conference in Savannah (significantly updated from the one presented at the 2009 O'Reilly Web 2.0 Expo in New York).
Apologies to all the cited people and rights-holders I have not yet had time to credit.
Friends, a zombie apocalypse is upon us: an onslaught of new mobile devices, platforms, and screen sizes, hordes of them descending every day. We're outmatched. There aren't enough designers and developers to battle every platform. There aren't enough editors and writers to populate every screen size. Defeating the zombies will require flexibility and stamina—in our content. We'll have to separate our content from its form, so it can adapt appropriately to different contexts and constraints. We'll have to change our production workflow so we're not just shoveling content from one output to another. And we'll have to enhance our content management tools and interfaces so they're ready for the future. Surviving the zombie apocalypse is possible. In this talk Karen will explain how: by developing a content strategy for mobile.
Designing For, With, and Around AdvertisingKaren McGrane
What do user experience designers need to know about how the advertising model works, so they can create products that meet the needs of both users and advertisers?
Slides from March 20, 2009 presentation to Damascus High School advanced web class for Jeffrey Brown.
Presentation introduces human factors, principles of human/computer interaction, and interaction design best practices.
Thriving in a world of change: Future-friendly content with DrupalKaren McGrane
There's always another redesign. There's always another new must-have front-end design effect. There's always another platform, a new screen resolution, the latest device. Underneath it all, there's content. What if we could get away from the cyclical churn, the constant reinvention? What if we could stop throwing the baby out with the bathwater? Instead of trying to get all new content every time there's a redesign (or worse, shoving crappy old content into stylish new clothes) it's time to plan for the future.
In this session, Karen will explain how Drupal is the future of adaptive content. She's not saying that like she's some kind of Drupal fangirl (though she is.) She's saying that as a long-time information architect, content strategist, and user experience designer, who sees content through the eyes of the people who create it and maintain it. She'll explain why—from her perspective—Drupal's content modeling tools and flexible UI make it a powerful tool in our fight against the future.
Integrated mobile marketing agency focused on creating integrated solutions to raise the quality of mobile apps' users, also focused on advertising campaigns in the mobile internet with the pay-per-concrete results and promotion of the brand in the mobile space
A overview about the obstacles that development teams encounter in daily basis, from planning to the implementation and distributions of of mobile applications and tools that can help you avoid a big headaches
5 Important Considerations For Mobile Application Development ProcessAjeet Singh
Has your organization identified that you need a strategy for developing a mobile application? Are you in charge of choosing the right tools and making the right choices for taking a leap into a Corporate Mobile Strategy? If so, you must be probably overwhelmed by the variety of mobile offerings in today’s market. Addressing the unique needs of your organization, this article intends to bring to light some backend considerations you need to be wary of for your web and mobile application development process which can be the telling difference between an efficient and a wasteful development process.
In this world of digital media, traffic volume has taken a mammoth leap forward. Website and mobile application developers and technical architects have to be extra cautious while designing and writing new systems. End users don’t have that patience to keep staring at their screens for more than three seconds waiting for your page to load. They want ultra-fast apps.
Definitely now the big question is “How to make your application cater to the need of huge traffic and still be super-fast, smooth and efficient?” Without any doubt the answer is that this can be achieved with the right planning and asking the right questions so as to develop a robust, secure and scalable backend.
There are a few things the best developers take care of, before jumping into writing the implementation and going about developing your app. What are those few little things which can totally change the approach, avoid months of extra work and save loads of effort and money? What are the kind of things which the experts rather care about now than later? What are those little considerations that can set the platform for a smooth mobile app development? Let’s find out.
1. Connect with cloud based systems
2. Component Based Development Methodologies
3. Test Driven Development
4. Backend as a Service (BaaS)
5. MVC Framework
Successful implementation of mobile app development is quite challenging which involves performance and quality optimization on top of app functionality. Slow and bug-riddled apps negatively affect the return on investment and can eventually harm your company’s reputation. Henceforth, the ‘backend’ of mobile app development has to be tailored to target the audience’s specific needs. Apps may have been designed to do simple things in the simplest of manner but for that they require plenty of complexity within their supporting infrastructure.
Nowadays, 41% of the developers are doing it as their side-jobs. How do we grant quality in this scenario? Shouldn´t we apply some backgroud to this development process going on?
User Experience - More Than Just a Pretty StickLane Goldstone
Presented at QconSF http://qconsf.com/sf2012/tracks/show_track.jsp?trackOID=678
What is user experience (UX)? Why does it matter? UX design is more than just making things look good. How do you create a compelling product that balances user and business needs, efficiently, using the resources you have?
This presentation provide a framework for thinking about the UX of your product and contains examples of my work as a product designer and UX coach for Agile and Lean Startup teams.
User Experience - More Than Just a Pretty StickC4Media
Video and slides synchronized, mp3 and slide download available at http://bit.ly/YLazIT.
Lane Halley advises on building and organizing a User Experience process based on the Lean Startup cycle. Filmed at qconsf.com.
Lane Halley uses lean design & agile development methods to create Web & mobile products. Prior to joining Carbon Five, Lane worked as a UX coach and trainer (LUXr), an in-house design manager (Liquidnet), an agency designer (Cooper, Hot Studio), a director of User Experience (SenSage) and a video game producer (Mindscape/Electronic Arts).
IP's 20 year evolution - adaptation or extinction Design And Reuse
From its infancy 20 years ago, the semiconductor IP industry has evolved into the major driving force of today’s semiconductor landscape. This talk will take a historical view of the changes in the industry over the past twenty years, looking at how the landscape (environment) has changed and how individual companies either adapted or simply went away. What will the IP industry and players in the future look like?
Los Angeles User Experience Meetup March 5, 2013. "Lean UX with Lane Halley, Jaime Levy and Chris Chandler" at Cross Campus, Santa Monica CA
http://www.meetup.com/ia-55/events/98595432/
Adaptive: Content, Context, and ControversyKaren McGrane
What’s the difference between responsive and adaptive? While responsive design embraces an ethos of “One Web,” adaptive solutions aim to serve different information based on what we know about the person or the device. When people say they want to go “beyond responsive,” they often mean they want to implement adaptive solutions. In this talk Karen unpacks what people really mean when they talk about adaptive designs or adaptive content. She outlines scenarios in which it makes sense to target information to the device or context—and when it doesn’t.
You don't get to decide which device people use to access your content: they do. By 2015, more people will access the internet via mobile devices than on traditional computers. In the US today, one-third of people who browse the internet on their mobile phone say that's the only way they go online—for teens and young adults, those numbers are even higher. It's time to stop avoiding the issue by saying "no one will ever want to do that on mobile; "chances are, someone already wants to. In this session, Karen will discuss why you need to deliver content wherever your customer wants to consume it — and what the risks when you don't make content accessible to mobile users. Already convinced it's important? She'll also explain how to get started with your mobile content strategy, defining what you want to publish, what the relationship should be between your mobile and desktop site, and how your editorial workflow and content management tools need to evolve.
Uncle Sam Wants You (To Optimize Your Content For Mobile)Karen McGrane
President Obama recently directed all government agencies to optimize their content for mobile, saying "Americans deserve a government that works for them anytime, anywhere, and on any device." Government has a responsibility to make its content available to all Americans equally. What about your organization? If the government has mandated its agencies to develop a content strategy for mobile, isn't it time you did too?
In this session, Karen will discuss why it's important to think holistically about publishing your content in whatever channel or device your customer wants to consume it — and what the risks are in not making content accessible to mobile users. Already convinced it's important? She'll also explain how to get started with your mobile content strategy, defining what you want to publish, what the relationship should be between your mobile and desktop site, and how your editorial workflow and content management tools need to evolve.
Full transcript available here: https://karenmcgrane.com/talks/adapting-ourselves-to-adaptive-content/
For years, we've been telling designers: the web is not print. You can't have pixel-perfect layouts. You can't determine how your site will look in every browser, on every platform, on every device. We taught designers to cede control, think in systems, embrace web standards. So why are we still letting content authors plan for where their content will "live" on a web page? Why do we give in when they demand a WYSIWYG text editor that works "just like Microsoft Word"? Worst of all, why do we waste time and money creating and recreating content instead of planning for content reuse? What worked for the desktop web simply won't work for mobile. As our design and development processes evolve, our content workflow has to keep up. Karen will talk about how we have to adapt to creating more flexible content.
For years, we've been telling designers: the web is not print. You can't have pixel-perfect layouts. You can't determine how your site will look in every browser, on every platform, on every device. We taught designers to cede control, think in systems, embrace web standards. So why are we still letting content authors plan for where their content will "live" on a web page? Why do we give in when they demand a WYSIWYG text editor that works "just like Microsoft Word"? Worst of all, why do we waste time and money creating and recreating content instead of planning for content reuse? What worked for the desktop web simply won't work for mobile. As our design and development processes evolve, our content workflow has to keep up. Karen will talk about how we have to adapt to creating more flexible content.
Web content: it’s the meat in the sandwich, not the icing on the cake. So why does planning for useful, usable content get short shrift in the design and development process? Thinking about the content is always left until the last minute, always thought to be “somebody else’s problem.” Teams are forced into crisis mode at the 11th hour, trying to deal with content that arrives too late, doesn't fit in the designs, or fails to live up to user expectations. In this session, User Experience expert Karen McGrane will talk about why we fail to plan for content, and how everyone involved can help make the process run more smoothly.
For years, we've been telling designers: the web is not print. You can't have pixel-perfect layouts. You can't determine how your site will look in every browser, on every platform, on every device. We taught designers to cede control, think in systems, embrace web standards. So why are we still letting content authors plan for where their content will "live" on a web page? Why do we give in when they demand a WYSIWYG text editor that works "just like Microsoft Word"? Worst of all, why do we waste time and money creating and recreating content instead of planning for content reuse? What worked for the desktop web simply won't work for mobile. As our design and development processes evolve, our content workflow has to keep up. Karen will talk about how we have to adapt to creating more flexible content.
The Way Forward: What's next for content strategyKaren McGrane
Businesses that struggle to maintain their core website are now facing a dizzying array of new challenges. The hungry mouth of social media demands constant feeding. New mobile devices proliferate, and users expect apps tailored for each platform. Creaky and cumbersome content management technology struggles to keep up with the pace of publishing. And internal organisational structures, hiring practices, budgeting processes, and incentive systems don’t fit the realities of modern web teams.
In this talk, Karen outlines some of the biggest challenges organisations face in dealing with their content—today, and over the next five years. She explains what matters most for our field, and what we can do as practitioners to fix the content problem.
How do you convince people they need content strategy? Karen has been persuading organizations they need it since 1998. In this session, she'll discuss different approaches for talking about content strategy with people who have never heard of it and don't know why they should care. You'll leave with techniques you can use to evangelize the importance of content in your company or agency.
Web content: it’s the meat in the sandwich, not the icing on the cake. Too often, organizations fail to deliver content that meets user needs and serves their business goals. Even during website redesigns, the editorial process gets short shrift in favor of building new features and creating new designs. Thinking about the content is always left until the last minute, always thought to be somebody else’s problem.
Ever wonder why so many websites feature dense, unreadable prose? Force you to navigate through pages of brochure copy and legalese? Look like they backed up a truck full of PDFs and dumped them in the content management system?
No content strategy, that’s why.
When done the wrong way, creating new content and managing the approval process takes longer and is more painful than anyone expects. But planning for useful, usable content is possible-and necessary. It’s time to do it right.
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.
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 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
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
DevOps and Testing slides at DASA ConnectKari Kakkonen
My and Rik Marselis slides at 30.5.2024 DASA Connect conference. We discuss about what is testing, then what is agile testing and finally what is Testing in DevOps. Finally we had lovely workshop with the participants trying to find out different ways to think about quality and testing in different parts of the DevOps infinity loop.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
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.
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
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.
2. IN THE SAME WAY THAT INDUSTRIAL DESIGNERS
HAVE SHAPED OUR EVERYDAY LIFE THROUGH
OBJECTS THEY DESIGN FOR OUR OFFICES AND FOR
OUR HOMES, INTERACTION DESIGN IS SHAPING OUR
LIFE WITH INTERACTIVE TECHNOLOGIES —
COMPUTERS, TELECOMMUNICATIONS, MOBILE
PHONES, AND SO ON.
— GILLIAN CRAMPTON SMITH
INTERACTION DESIGN INSTITUTE, IVREA
Foundations of Interaction Design
September 2007
3. MACHINES SHAPE US
WE SHAPE THE MACHINES
Foundations of Interaction Design
September 2007
4.
5. Goals
Intention Evaluation
Gulf of Execution Gulf of Evaluation
Action Specification Interpretation
Execution Perception
INPUTS THE MACHINE DISPLAY
6. TIMELINE OF ADOPTION Professional Use
Personal Use
(AND ADAPTATION!)
Cards / Switches
Keyboard
Graphical User Interface
Hypertext Networks
Mobility
1945 1955 1965 1975 1985 1995 2005
Foundations of Interaction Design
September 2007
7. TIMELINE OF ADOPTION Professional Use
Personal Use
(AND ADAPTATION!)
Cards / Switches
Keyboard
Graphical User Interface
Hypertext Networks
Mobility
1945 1955 1965 1975 1985 1995 2005
Foundations of Interaction Design
September 2007
8. WORLD WAR II AVIATION PSYCHOLOGY
(1940s)
Foundations of Interaction Design
September 2008
9. ENIAC
(1943)
Foundations of Interaction Design
September 2008
10. SWITCHES, TAPE & PUNCH CARDS
(1940s–1960s)
Foundations of Interaction Design
September 2007
Page 9
11. “MAN-COMPUTER SYMBIOSIS”
(1950s)
“The hope is that, in not
too many years, human
brains and computing
machines will be
coupled together very
tightly and that the
resulting partnership will
think as no human brain
has ever thought and
process data in a way
not approached by the
information-handling
machines we know
today.”
— J.R. Licklider
Foundations of Interaction Design
September 2008
12. BINAC
(1949)
Foundations of Interaction Design
September 2007
Page 11
14. UNIVAC
(1956)
Foundations of Interaction Design
September 2007
Page 13
15. TIMELINE OF ADOPTION Professional Use
Personal Use
(AND ADAPTATION!)
Cards / Switches
Keyboard
Graphical User Interface
Hypertext Networks
Mobility
1945 1955 1965 1975 1985 1995 2005
Foundations of Interaction Design
September 2007
16. TIMELINE OF ADOPTION Professional Use
Personal Use
(AND ADAPTATION!)
Cards / Switches
?
Keyboard
Graphical User Interface
Hypertext Networks
Mobility
1945 1955 1965 1975 1985 1995 2005
Foundations of Interaction Design
September 2007
19. TIMELINE OF ADOPTION Professional Use
Personal Use
(AND ADAPTATION!)
Cards / Switches
Keyboard
Graphical User Interface
Hypertext Networks
Mobility
1945 1955 1965 1975 1985 1995 2005
Foundations of Interaction Design
September 2007
20. Typing Interaction Pointing Interaction
Whirlwind
NLS
LINC
Xerox ALTO and
STAR
Apple II
Apple Lisa and Mac
IBM PC
Windows 3.1
21. WHIRLWIND
(1951)
Foundations of Interaction Design
September 2007
22. LINC
(1962)
Designer Wesley A.
Clark shown with
the first Laboratory
Instrument
Computer (LINC)
Foundations of Interaction Design
September 2007
23. HOME COMPUTERS
(70s)
Apple II IBM 5150
Commodore PET Tandy Radio Shack TRS-80 Commodore VIC-20
Foundations of Interaction Design
September 2007
Page 20
25. APPLICATION INTERFACES
(70s)
WordStar
Command Line
VisiCalc
Hierarchical Menus
Foundations of Interaction Design
September 2007
26. TIMELINE OF ADOPTION Professional Use
Personal Use
(AND ADAPTATION!)
Cards / Switches
Keyboard
Graphical User Interface
Hypertext Networks
Mobility
1945 1955 1965 1975 1985 1995 2005
Foundations of Interaction Design
September 2007
27. GRAPHICAL USER INTERFACES
Windows Icons
Pointers
Menus
Foundations of Interaction Design
September 2007
Page 24
28. WINDOWS
Foundations of Interaction Design
September 2007
Page 25
29. 26
ICONS
Foundations of Interaction Design
September 2008
30. MENUS
Foundations of Interaction Design
September 2007
Page 27
31. 28
POINTERS
Foundations of Interaction Design
September 2008
32. Typing Interaction Pointing Interaction
Whirlwind
LINC NLS
Xerox ALTO and
STAR
Apple II
Apple Lisa and Mac
IBM PC
Windows 3.1
33. IVAN SUTHERLAND AND SKETCHPAD
(1963)
The Sketchpad system makes it possible
for a man and a computer to converse
rapidly through the medium of line
drawings. Heretofore, most interaction
between man and computers has been
slowed down by the need to reduce all
communication to written statements
that can be typed; in the past, we have
been writing letters to rather than
conferring with our computers. The
Sketchpad system, by eliminating typed
statements (except for legends) in favor
of line drawings, opens up a new area of
man-machine communication.
Foundations of Interaction Design
September 2007
34. X/Y POSITION INDICATOR (THE MOUSE)
(1964)
“By augmenting man's intellect we mean increasing the capability of a man to approach a
complex problem situation, gain comprehension to suit his particular needs, and to derive
solutions to problems. One objective is to develop new techniques, procedures, and
systems that will better adapt people's basic information-handling capabilities to the
needs, problems, and progress of society.”
—Douglas Englebart
Foundations of Interaction Design
September 2007
35.
36. NLS – ONLINE SYSTEM
(60s)
Foundations of Interaction Design
September 2007
45. MICROSOFT SOFTWARE IN A BOX
(1990s)
Foundations of Interaction Design
September 2008
46. TIMELINE OF ADOPTION Professional Use
Personal Use
(AND ADAPTATION!)
Cards / Switches
Keyboard
Graphical User Interface
Hypertext Networks
Mobility
1945 1955 1965 1975 1985 1995 2005
Foundations of Interaction Design
September 2007
47. 43
VANNEVAR BUSH AND MEMEX
(1945)
Foundations of Interaction Design
September 2008
49. WORLD WIDE WEB
(1990s)
First Web Browser/Editor, 1990
Netscape, 1994
Yahoo, 1994
Foundations of Interaction Design
September 2008
50. TIMELINE OF ADOPTION Professional Use
Personal Use
(AND ADAPTATION!)
Cards / Switches
Keyboard
Graphical User Interface
Hypertext Networks
Mobility
1945 1955 1965 1975 1985 1995 2005
Foundations of Interaction Design
September 2007
58. 51
LET’S RECAP.
_ Who’s the user?
_ What’s the interface?
Foundations of Interaction Design
September 2007
59. 51
LET’S RECAP.
_ Who’s the user?
_ What’s the interface?
_ How is it used?
Foundations of Interaction Design
September 2007
60. 51
LET’S RECAP.
_ Who’s the user?
_ What’s the interface?
_ How is it used?
_ Who can afford it?
Foundations of Interaction Design
September 2007
61. BEFORE 1945: THE NEW INVENTION
Who’s What’s
the user? the
interface?
How Who can
is it afford
used? them?
Foundations of Interaction Design
September 2007
62. BEFORE 1945: THE NEW INVENTION
Who’s What’s
the user? the
interface?
THE INVENTOR HIMSELF
How Who can
is it afford
used? them?
Foundations of Interaction Design
September 2007
63. BEFORE 1945: THE NEW INVENTION
Who’s What’s
the user? the
interface?
THE INVENTOR HIMSELF MOVING CABLES AROUND
How Who can
is it afford
used? them?
Foundations of Interaction Design
September 2007
64. BEFORE 1945: THE NEW INVENTION
Who’s What’s
the user? the
interface?
THE INVENTOR HIMSELF MOVING CABLES AROUND
How Who can
is it afford
used? them?
BRUTE FORCE ARITHMETIC
Foundations of Interaction Design
September 2007
65. BEFORE 1945: THE NEW INVENTION
Who’s What’s
the user? the
interface?
THE INVENTOR HIMSELF MOVING CABLES AROUND
How Who can
is it afford
used? them?
BRUTE FORCE ARITHMETIC THE MILITARY
Foundations of Interaction Design
September 2007
66. 1945 –1955: THE CALCULATOR
Who’s What’s the
the user? interface?
How is it Who can
used? afford
them?
Foundations of Interaction Design
September 2007
67. 1945 –1955: THE CALCULATOR
Who’s What’s the
the user? interface?
EXPERTS AND PIONEERS
How is it Who can
used? afford
them?
Foundations of Interaction Design
September 2007
68. 1945 –1955: THE CALCULATOR
Who’s What’s the
the user? interface?
EXPERTS AND PIONEERS PUNCH CARDS AND SWITCHES
How is it Who can
used? afford
them?
Foundations of Interaction Design
September 2007
69. 1945 –1955: THE CALCULATOR
Who’s What’s the
the user? interface?
EXPERTS AND PIONEERS PUNCH CARDS AND SWITCHES
How is it Who can
used? afford
them?
HIGH SPEED CALCULATIONS Foundations of Interaction Design
September 2007
70. 1945 –1955: THE CALCULATOR
Who’s What’s the
the user? interface?
EXPERTS AND PIONEERS PUNCH CARDS AND SWITCHES
How is it Who can
used? afford
them?
HIGH SPEED CALCULATIONS ROCKET SCIENTISTS
Foundations of Interaction Design
September 2007
71. 1955 –1965: THE GIANT BRAIN
What’s the
Who’s the
interface?
user?
Who can
How is it
afford
used?
them?
Foundations of Interaction Design
September 2007
72. 1955 –1965: THE GIANT BRAIN
What’s the
Who’s the
interface?
user?
PROFESSIONAL ENGINEERS
Who can
How is it
afford
used?
them?
Foundations of Interaction Design
September 2007
73. 1955 –1965: THE GIANT BRAIN
What’s the
Who’s the
interface?
user?
PROFESSIONAL ENGINEERS TELETYPE AND TERMINAL
Who can
How is it
afford
used?
them?
Foundations of Interaction Design
September 2007
74. 1955 –1965: THE GIANT BRAIN
What’s the
Who’s the
interface?
user?
PROFESSIONAL ENGINEERS TELETYPE AND TERMINAL
Who can
How is it
afford
used?
them?
COMMAND LINE INTERFACE
Foundations of Interaction Design
September 2007
75. 1955 –1965: THE GIANT BRAIN
What’s the
Who’s the
interface?
user?
PROFESSIONAL ENGINEERS TELETYPE AND TERMINAL
Who can
How is it
afford
used?
them?
COMMAND LINE INTERFACE INFORMATION INTENSIVE BUSINESSES
Foundations of Interaction Design
September 2007
76. 1965 –1980: WHITE COLLAR LABOR
What’s the
Who’s the
interface?
user?
Who can
How is it
afford
used?
them?
Foundations of Interaction Design
September 2007
77. 1965 –1980: WHITE COLLAR LABOR
What’s the
Who’s the
interface?
user?
SPECIALIZED COMPUTER OPERATORS
Who can
How is it
afford
used?
them?
Foundations of Interaction Design
September 2007
78. 1965 –1980: WHITE COLLAR LABOR
What’s the
Who’s the
interface?
user?
GREEN-SCREEN ALPHANUMERIC
SPECIALIZED COMPUTER OPERATORS
Who can
How is it
afford
used?
them?
Foundations of Interaction Design
September 2007
79. 1965 –1980: WHITE COLLAR LABOR
What’s the
Who’s the
interface?
user?
GREEN-SCREEN ALPHANUMERIC
SPECIALIZED COMPUTER OPERATORS
Who can
How is it
afford
used?
them?
BATCH PROCESSING Foundations of Interaction Design
September 2007
80. 1965 –1980: WHITE COLLAR LABOR
What’s the
Who’s the
interface?
user?
GREEN-SCREEN ALPHANUMERIC
SPECIALIZED COMPUTER OPERATORS
Who can
How is it
afford
used?
them?
BATCH PROCESSING MOST LARGE BUSINESSESInteraction Design
Foundations of
September 2007
81. 1980 –1995: PRODUCTIVITY TOOL
Who’s What’s the
the user? interface?
Who can
How is
afford
it used?
them?
Foundations of Interaction Design
September 2007
82. 1980 –1995: PRODUCTIVITY TOOL
Who’s What’s the
the user? interface?
GEEKS
Who can
How is
afford
it used?
them?
Foundations of Interaction Design
September 2007
83. 1980 –1995: PRODUCTIVITY TOOL
Who’s What’s the
the user? interface?
GEEKS GUIs
Who can
How is
afford
it used?
them?
Foundations of Interaction Design
September 2007
84. 1980 –1995: PRODUCTIVITY TOOL
Who’s What’s the
the user? interface?
GEEKS GUIs
Who can
How is
afford
it used?
them?
SHRINK-WRAPPED SOFTWARE Foundations of Interaction Design
September 2007
85. 1980 –1995: PRODUCTIVITY TOOL
Who’s What’s the
the user? interface?
GEEKS GUIs
Who can
How is
afford
it used?
them?
SHRINK-WRAPPED SOFTWARE UPWARDLY MOBILE HOME USERS Interaction Design
Foundations of
September 2007
86. 1995 – ?: NETWORKED UBIQUITY
Who’s What’s the
the user? interface?
Who can
How is
afford
it used?
them?
Foundations of Interaction Design
September 2007
87. 1995 – ?: NETWORKED UBIQUITY
Who’s What’s the
the user? interface?
EVERYONE.
Who can
How is
afford
it used?
them?
Foundations of Interaction Design
September 2007
88. 1995 – ?: NETWORKED UBIQUITY
Who’s What’s the
the user? interface?
GUIs
EVERYONE.
Who can
How is
afford
it used?
them?
Foundations of Interaction Design
September 2007
89. 1995 – ?: NETWORKED UBIQUITY
Who’s What’s the
the user? interface?
GUIs
EVERYONE.
Who can
How is
afford
it used?
them?
WEB-ENABLED TOOLS Foundations of Interaction Design
September 2007
90. 1995 – ?: NETWORKED UBIQUITY
Who’s What’s the
the user? interface?
GUIs
EVERYONE.
Who can
How is
afford
it used?
them?
WEB-ENABLED TOOLS THEY’RE CHEAP! BUY SEVERAL! of Interaction Design
Foundations
September 2007
91. WHAT NEXT?
Foundations of Interaction Design
September 2007
92. TOUCHSCREEN INTERFACES BLUR THE LINES
BETWEEN INPUT AND DISPLAY
Foundations of Interaction Design
September 2007
93. 60
NEW “VERBS” ARE A REALITY
Bi-touch Pinch
Voice Recognition Gestures
Foundations of Interaction Design
September 2008
94. APPLICATIONS, DATA, CONTENT AND
PROFILES ARE MOVING TO THE
CLOUD.
Foundations of Interaction Design
September 2007
95. APPLICATIONS, DATA, CONTENT AND
PROFILES ARE MOVING TO THE
CLOUD.
Foundations of Interaction Design
September 2007
96. 62
“The application model is constraining to
users who have integrated tasks that require
multiple applications to solve.”
—Jakob Nielsen
Foundations of Interaction Design
September 2008
97.
98. 64
WHAT DO YOU THINK IS NEXT?
Foundations of Interaction Design
September 2007
99. 65
THANKS TO:
Michael Wesch, “The Machine is Us/ing Us”
Mike Tuck, “The Real History of the GUI”
Jakob Nielsen, “Noncommand User Interfaces”
Richard T. Griffiths, “History of the Internet for Historians (and just about everyone else)”
Brad Myers, “A Brief History of Human Computer Interaction Technology”
Saul Greenberg, “History of Human Computer Interaction”
Mark Rettig, “Interaction Design History In A Teeny Little Nutshell”
Bill Moggridge, Designing Interactions
Donald Norman, The Design of Everyday Things
Digibarn Computer Museum
Wikipedia
Google Images
Foundations of Interaction Design
September 2008
100. THANKS!
38 West 21st Street
3rd Floor
New York, NY 10010
212-226-6344 main
212-898-0369 fax
www.bondartscience.com
info@bondartscience.com