Slides for a few events i was lucky to give a talk this year. From my experiences of building a design system for the product team. Figma and storybook js are introduced.
Nick will explore the best practices of user experience by reviewing some of the most popular and highly trafficked websites today such as eBay, Amazon, Toyota, Flickr, Twitter, Netflix and more. Nick will identify and explain both good an bad experiences on these sites on the merits of visual design, information architecture, interaction, and ease of use. If there is time we will open the floor for audience submissions and to provide quick feedback and areas of improvement.
Web Design & UI/UX Bootcamp [Online & Offline] In BanglaStack Learner
Web Design & UI/UX Bootcamp
Stack School:
https://courses.stackschool.co/courses/web-design-bootcamp
Web Design & UI/UX Bootcamp [Online & Offline], Along with web design we have added another topic, That is UI UX design. Because we know only web designing knowledge is not enough now, the UI/UX design has become much more impactful in the real-world project development.
যেকোনো অ্যাপলিকেশনের ডিজাইন এবং ইউজার এক্সপেরিয়েন্সের ওপরেই মূলত ওই অ্যাপলিকেশনের সফলতা নির্ভর করে। ইউজার ইন্টার্ফেস এবং ইউজার এক্সপেরিয়েন্স ডিজাইন মোটেও সহজ কোনো বিষয় না। এই বুটক্যাম্পে আমরা ওয়েব ডিজাইন এবং ইউজার এক্সপেরিয়েন্স ডিজাইন শিখবো।
Web Design & UI/UX Bootcamp [Online & Offline]
26+ Weeks, 52+ Classes - A Journey to Become A Web and UI/UX Designer
আমরা ফ্রেমওয়ার্কে না, মেথডলজিতে বিশ্বাসী
ওয়েব ডেভেলপমেন্ট একটা বৃহৎ জার্নি, আর এই জার্নির শুরু হয় ওয়েব ডিজাইনের মধ্য দিয়ে। আপনি ভবিষ্যতে ফ্রন্টেন্ড নিয়ে কাজ করেন, ব্যাকেন্ড নিয়ে কাজ করেন অথবা ফুল স্ট্যাক ডেভেলপমেন্ট নিয়ে কাজ করেন, বেসিক ওয়েব ডিজাইন সম্পর্কে আপনার জ্ঞান থাকা খুব বেশি জরুরি। আমাদের এই বুটক্যাম্পে আমরা ওয়েব ডিজাইনের সাথে সাথে আর একটা বিষয়ও যুক্ত করেছি। সেটা হয়ে ইউআই ইউএক্স ডিজাইন। শুধুমাত্র ওয়েব ডিজাইন করতে জানলেই হবে না, ওয়ার্ল্ড ক্লাস ডিজাইন করতে চাইলে আপনাকে ইউআই ইউএক্স এর জ্ঞান রাখতে হবে। একটা অ্যাপলিকেশন মানুষ ব্যবহার করবে কি না সেটা নির্ভর করে এর ইউআই ইউএক্স ডিজাইনের ওপরে। আর এই বুটক্যাম্প জুড়ে আমরা বিভিন্ন ভাবে ওয়েব সাইটের জন্য ইউআই ইউএক্স মেনে কিভাবে ডিজাইন করতে হয় সেটা শিখবো।
BarkleyREI & Hannon Hill Webinar - Responsive Web Designhannonhill
In this webinar, Hannon Hill partner BarkelyREI will show how Chapman University used Responsive Web Design for their website redesign this spring and how they used Cascade Server to accomplish this. Highlights will include a discussion of the advantages, considerations, and implications for the website redesign process if you choose to implement RWD.
Responsive Design is the buzz in design, but as we all know, design is only part of the story. With the arrival of the HTML5, CSS3 and javascript triumvirate we can no make truly immersive mobile and desktop browser experiences. Coupled with modern PHP web application practices, your web app will feel and act closer to a native app, at a fraction of the cost. In this presentation, we'll dive into designing your modern web application to take advantage of as much of the platforms' limitations and advantages. Sure, you can't use the camera, but in many cases can use the accelerometer, and it'll always be granted to look right, any angle you look at it! These days, there's no excuse for not having a "mobile version" when all you need is one site that can transform itself to suit the device!
What UX is, how it works and why it matters. Train your teams to recognize and strengthen the links between customer experience indicators and your overall business performance. Learn how to work with your customers to design successful products, services and experiences.
Amy and Kieran were recently invited to represent Freerange by giving a one hour guest lecture – ‘Designing for Interactive User Interfaces’ – to Kieran's student group at UniSA. The lecture focused on application design specific to mobile – although the process can extend to any device.
Designing for Interactive User InterfacesKieran Wallis
A presentation by Freerange Future on Interactive User Interface design for the University of South Australia 3rd Year Visual Communication students. www.freerangefuture.com
Designing for Interactive User InterfacesKieran Wallis
A presentation by Freerange Future on Interactive UI design for 3rd year Visual Communication students at the University of South Australia. www.freerangefuture.com
Delivered at DotAll 2018 in Berlin, Germany on September 27, 2018
Design shouldn't be a siloed practice, but a collaborative effort rooted in process. How do we get there?
In this session, we'll look at how we can reframe our design approach to be more human-centric and systems-minded. We'll look at each step of the process, through the lens of real-world examples, to explore how we can cultivate design thinking within multidisciplinary teams to solve complex problems. And how CraftCMS is uniquely suited to drive this forward on the web!
UX, Front-end and Back-end: How front-end can help these guys?Diego Eis
How front-end can help UX and Back-end guys? How they interact? I tell a little about it in this slides, showing how the front-end can help the back-end and UX.
User Centered Design and SharePoint Publishing PortalsTom Pham
Usability and User Experience.
The User Centered Design Process (UCDP), taking designs from Abstract to Concrete.
Identifying Measures of Success.
Putting together a UX Team.
Microsoft’s Web Content Management System - SharePoint Publishing Portals.
Publishing Site Components - Master Page, Page Layouts, CSS, JS, XSLTs, Web Parts.
Leveraging CSS Frameworks for responsive web like Bootstrap.
Slides for a few events i was lucky to give a talk this year. From my experiences of building a design system for the product team. Figma and storybook js are introduced.
Nick will explore the best practices of user experience by reviewing some of the most popular and highly trafficked websites today such as eBay, Amazon, Toyota, Flickr, Twitter, Netflix and more. Nick will identify and explain both good an bad experiences on these sites on the merits of visual design, information architecture, interaction, and ease of use. If there is time we will open the floor for audience submissions and to provide quick feedback and areas of improvement.
Web Design & UI/UX Bootcamp [Online & Offline] In BanglaStack Learner
Web Design & UI/UX Bootcamp
Stack School:
https://courses.stackschool.co/courses/web-design-bootcamp
Web Design & UI/UX Bootcamp [Online & Offline], Along with web design we have added another topic, That is UI UX design. Because we know only web designing knowledge is not enough now, the UI/UX design has become much more impactful in the real-world project development.
যেকোনো অ্যাপলিকেশনের ডিজাইন এবং ইউজার এক্সপেরিয়েন্সের ওপরেই মূলত ওই অ্যাপলিকেশনের সফলতা নির্ভর করে। ইউজার ইন্টার্ফেস এবং ইউজার এক্সপেরিয়েন্স ডিজাইন মোটেও সহজ কোনো বিষয় না। এই বুটক্যাম্পে আমরা ওয়েব ডিজাইন এবং ইউজার এক্সপেরিয়েন্স ডিজাইন শিখবো।
Web Design & UI/UX Bootcamp [Online & Offline]
26+ Weeks, 52+ Classes - A Journey to Become A Web and UI/UX Designer
আমরা ফ্রেমওয়ার্কে না, মেথডলজিতে বিশ্বাসী
ওয়েব ডেভেলপমেন্ট একটা বৃহৎ জার্নি, আর এই জার্নির শুরু হয় ওয়েব ডিজাইনের মধ্য দিয়ে। আপনি ভবিষ্যতে ফ্রন্টেন্ড নিয়ে কাজ করেন, ব্যাকেন্ড নিয়ে কাজ করেন অথবা ফুল স্ট্যাক ডেভেলপমেন্ট নিয়ে কাজ করেন, বেসিক ওয়েব ডিজাইন সম্পর্কে আপনার জ্ঞান থাকা খুব বেশি জরুরি। আমাদের এই বুটক্যাম্পে আমরা ওয়েব ডিজাইনের সাথে সাথে আর একটা বিষয়ও যুক্ত করেছি। সেটা হয়ে ইউআই ইউএক্স ডিজাইন। শুধুমাত্র ওয়েব ডিজাইন করতে জানলেই হবে না, ওয়ার্ল্ড ক্লাস ডিজাইন করতে চাইলে আপনাকে ইউআই ইউএক্স এর জ্ঞান রাখতে হবে। একটা অ্যাপলিকেশন মানুষ ব্যবহার করবে কি না সেটা নির্ভর করে এর ইউআই ইউএক্স ডিজাইনের ওপরে। আর এই বুটক্যাম্প জুড়ে আমরা বিভিন্ন ভাবে ওয়েব সাইটের জন্য ইউআই ইউএক্স মেনে কিভাবে ডিজাইন করতে হয় সেটা শিখবো।
BarkleyREI & Hannon Hill Webinar - Responsive Web Designhannonhill
In this webinar, Hannon Hill partner BarkelyREI will show how Chapman University used Responsive Web Design for their website redesign this spring and how they used Cascade Server to accomplish this. Highlights will include a discussion of the advantages, considerations, and implications for the website redesign process if you choose to implement RWD.
Responsive Design is the buzz in design, but as we all know, design is only part of the story. With the arrival of the HTML5, CSS3 and javascript triumvirate we can no make truly immersive mobile and desktop browser experiences. Coupled with modern PHP web application practices, your web app will feel and act closer to a native app, at a fraction of the cost. In this presentation, we'll dive into designing your modern web application to take advantage of as much of the platforms' limitations and advantages. Sure, you can't use the camera, but in many cases can use the accelerometer, and it'll always be granted to look right, any angle you look at it! These days, there's no excuse for not having a "mobile version" when all you need is one site that can transform itself to suit the device!
What UX is, how it works and why it matters. Train your teams to recognize and strengthen the links between customer experience indicators and your overall business performance. Learn how to work with your customers to design successful products, services and experiences.
Amy and Kieran were recently invited to represent Freerange by giving a one hour guest lecture – ‘Designing for Interactive User Interfaces’ – to Kieran's student group at UniSA. The lecture focused on application design specific to mobile – although the process can extend to any device.
Designing for Interactive User InterfacesKieran Wallis
A presentation by Freerange Future on Interactive User Interface design for the University of South Australia 3rd Year Visual Communication students. www.freerangefuture.com
Designing for Interactive User InterfacesKieran Wallis
A presentation by Freerange Future on Interactive UI design for 3rd year Visual Communication students at the University of South Australia. www.freerangefuture.com
Delivered at DotAll 2018 in Berlin, Germany on September 27, 2018
Design shouldn't be a siloed practice, but a collaborative effort rooted in process. How do we get there?
In this session, we'll look at how we can reframe our design approach to be more human-centric and systems-minded. We'll look at each step of the process, through the lens of real-world examples, to explore how we can cultivate design thinking within multidisciplinary teams to solve complex problems. And how CraftCMS is uniquely suited to drive this forward on the web!
UX, Front-end and Back-end: How front-end can help these guys?Diego Eis
How front-end can help UX and Back-end guys? How they interact? I tell a little about it in this slides, showing how the front-end can help the back-end and UX.
User Centered Design and SharePoint Publishing PortalsTom Pham
Usability and User Experience.
The User Centered Design Process (UCDP), taking designs from Abstract to Concrete.
Identifying Measures of Success.
Putting together a UX Team.
Microsoft’s Web Content Management System - SharePoint Publishing Portals.
Publishing Site Components - Master Page, Page Layouts, CSS, JS, XSLTs, Web Parts.
Leveraging CSS Frameworks for responsive web like Bootstrap.
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
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.
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
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
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.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
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/
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
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.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
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.
3. “We learn to describe the
things we see, but we also
see the things we can
describe.”
“Word Games” by David Womack, Print Magazine, October 2006.
3
4. This Session Includes:
A survey of design principles.
A framework for understanding design practice.
Language for communicating clearly about design.
Resources for further learning.
4
14. A Teacher’s Day
With children from 7:30am to 3:30pm.
Often takes lunch with the children.
Rarely has more than 5-10 minutes during the
work day to do admin work.
Might have a classroom computer.
Do a lot of work on their home computers.
32
12
17. needs
superintendent To know how well schools are performing
/|
principals To know how well teachers are performing
To manage many teachers
/|
teachers To know their privacy is protected
15
18. Know Who Your Users Are
You must know and design
for all of your users.
16
22. surface
Concrete
What will the finished product
look like?
surface
skeleton
What components will enable
people to use the site?
skeleton
structure
How will the pieces of the site fit
structure together?
scope
scope What features will the site need to
include?
strategy
strategy Abstract
What do we want to get out of the
site? What do our users want?
20
23. surface
Concrete
What will the finished product
look like?
surface
skeleton
What components will enable
people to use the site?
skeleton
structure
How will the pieces of the site fit
structure together?
scope
scope What features will the site need to
include?
strategy
strategy Abstract
What do we want to get out of the
site? What do our users want?
21
24. surface
Concrete
What will the finished product
look like?
surface
skeleton
What components will enable
people to use the site?
skeleton
structure
How will the pieces of the site fit
structure together?
scope
scope What features will the site need to
include?
strategy
strategy Abstract
What do we want to get out of the
site? What do our users want?
22
25. surface
Concrete
What will the finished product
look like?
surface
skeleton
What components will enable
people to use the site?
skeleton
structure
How will the pieces of the site fit
structure together?
scope
scope What features will the site need to
include?
strategy
strategy Abstract
What do we want to get out of the
site? What do our users want?
23
26. surface
Concrete
What will the finished product
look like?
surface
skeleton
What components will enable
people to use the site?
skeleton
structure
How will the pieces of the site fit
structure together?
scope
scope What features will the site need to
include?
strategy
strategy Abstract
What do we want to get out of the
site? What do our users want?
24
27. strategy Concrete
surface
What do we
skeleton
want to get out
of the site?
structure
What do our scope
users want?
strategy Abstract
25
28. Your
Your
User’s
Goals
Needs
Strategic Sweet Spot:
Where user needs and your goals meet. 26
29. Your
Your
User’s
Goals
Needs
Strategic Sweet Spot:
Where user needs and your goals meet. 26
72. skeleton Concrete
surface
What
skeleton
components will
enable people to
use the site? structure
scope
strategy Abstract
53
73. Make finding things easy
discoverability
Actions should be
recoverability without cost
A sense of time, place,
context
and meaning
How the system
feedback
responds
Four Principles of
Interaction Design 54
102. The job requires extra pluck
graphic
The five boxing wizards jump
front tab back tab back tab
heading
dropdown
text field text field Pack my box $12.73
text field Back in June $56.47
The job requires extra pluck and zeal from every young
graphic The job $128.75
wage earner. The five boxing wizards jump quickly. Six big Five boxing $19.21
heading juicy steaks sizzled in a pan as five workmen left the Six big steaks $44.19
quarry. Five wine experts jokingly quizzed sample chablis.
• Pack my box with five
label Total $991.31
dozen liquor jugs.
• Back in June we
button
delivered oxygen
heading button
• The job requires extra
pluck and zeal
• The five boxing wizards dropdown document output cycle effective
jump quickly.
• Six big juicy steaks document 04/15/05 04/15/05 04/15/05
address graphic
sizzled in a pan
document 04/15/05 04/15/05 04/15/05
city
Six big juicy steaks
Pack my box with five
document 04/15/05 04/15/05 04/15/05
sizzled in a pan as five
state zip dozen liquor jugs.
workmen left the quarry.
document 04/15/05 04/15/05 04/15/05
Back in June we
Five wine experts
selected checkbox delivered oxygen
jokingly quizzed sample
document 04/15/05 04/15/05 04/15/05
equipment
chablis.
label
selected
list box item document 04/15/05 04/15/05 04/15/05
label
highlighted item unselected front tab
back tab
unselected radio document 04/15/05 04/15/05 04/15/05
list box item
selected radio document 04/15/05 04/15/05 04/15/05
list box item dropdown list box item
unselected radio
highlighted item
dropdown list box item
list box item
label label
dropdown dropdown collapsed button
selected radio button selected radio button
button selected checkbox unselected radio button button unselected radio button button
Action at a Distance
80
103. The job requires extra pluck
graphic
The five boxing wizards jump
front tab back tab back tab
heading
dropdown
text field text field Pack my box $12.73
text field Back in June $56.47
The job requires extra pluck and zeal from every young
graphic The job $128.75
wage earner. The five boxing wizards jump quickly. Six big Five boxing $19.21
heading juicy steaks sizzled in a pan as five workmen left the Six big steaks $44.19
quarry. Five wine experts jokingly quizzed sample chablis.
• Pack my box with five
label Total $991.31
dozen liquor jugs.
• Back in June we
button
delivered oxygen
heading button
• The job requires extra
pluck and zeal
• The five boxing wizards dropdown document output cycle effective
jump quickly.
• Six big juicy steaks document 04/15/05 04/15/05 04/15/05
address graphic
sizzled in a pan
document 04/15/05 04/15/05 04/15/05
city
Six big juicy steaks
Pack my box with five
document 04/15/05 04/15/05 04/15/05
sizzled in a pan as five
state zip dozen liquor jugs.
workmen left the quarry.
document 04/15/05 04/15/05 04/15/05
Back in June we
Five wine experts
selected checkbox delivered oxygen
jokingly quizzed sample
document 04/15/05 04/15/05 04/15/05
equipment
chablis.
label
selected
list box item document 04/15/05 04/15/05 04/15/05
label
highlighted item unselected front tab
back tab
unselected radio document 04/15/05 04/15/05 04/15/05
list box item
selected radio document 04/15/05 04/15/05 04/15/05
list box item dropdown list box item
unselected radio
highlighted item
dropdown list box item
list box item
label label
dropdown dropdown collapsed button
selected radio button selected radio button
button selected checkbox unselected radio button button unselected radio button button
Action at a Distance
80
104. The job requires extra pluck
graphic
The five boxing wizards jump
front tab back tab back tab
heading
dropdown
text field text field Pack my box $12.73
text field Back in June $56.47
The job requires extra pluck and zeal from every young
graphic The job $128.75
wage earner. The five boxing wizards jump quickly. Six big Five boxing $19.21
heading juicy steaks sizzled in a pan as five workmen left the Six big steaks $44.19
quarry. Five wine experts jokingly quizzed sample chablis.
• Pack my box with five
label Total $991.31
dozen liquor jugs.
• Back in June we
button
delivered oxygen
heading button
• The job requires extra
pluck and zeal
• The five boxing wizards dropdown document output cycle effective
jump quickly.
• Six big juicy steaks document 04/15/05 04/15/05 04/15/05
address graphic
sizzled in a pan
document 04/15/05 04/15/05 04/15/05
city
Six big juicy steaks
Pack my box with five
document 04/15/05 04/15/05 04/15/05
sizzled in a pan as five
state zip dozen liquor jugs.
workmen left the quarry.
document 04/15/05 04/15/05 04/15/05
Back in June we
Five wine experts
selected checkbox delivered oxygen
jokingly quizzed sample
document 04/15/05 04/15/05 04/15/05
equipment
chablis.
label
selected
list box item document 04/15/05 04/15/05 04/15/05
label
highlighted item unselected front tab
back tab
unselected radio document 04/15/05 04/15/05 04/15/05
list box item
selected radio document 04/15/05 04/15/05 04/15/05
list box item dropdown list box item
unselected radio
highlighted item
dropdown list box item
list box item
label label
dropdown dropdown collapsed button
selected radio button selected radio button
button selected checkbox unselected radio button button unselected radio button button
Action at a Distance
80
105. The job requires extra pluck
graphic
The five boxing wizards jump
front tab back tab back tab
heading
dropdown
text field text field Pack my box $12.73
text field Back in June $56.47
The job requires extra pluck and zeal from every young
graphic The job $128.75
wage earner. The five boxing wizards jump quickly. Six big Five boxing $19.21
heading juicy steaks sizzled in a pan as five workmen left the Six big steaks $44.19
quarry. Five wine experts jokingly quizzed sample chablis.
• Pack my box with five
label Total $991.31
dozen liquor jugs.
• Back in June we
button
delivered oxygen
heading button
• The job requires extra
pluck and zeal
• The five boxing wizards dropdown document output cycle effective
jump quickly.
• Six big juicy steaks document 04/15/05 04/15/05 04/15/05
address graphic
sizzled in a pan
document 04/15/05 04/15/05 04/15/05
city
Six big juicy steaks
Pack my box with five
document 04/15/05 04/15/05 04/15/05
sizzled in a pan as five
state zip dozen liquor jugs.
workmen left the quarry.
document 04/15/05 04/15/05 04/15/05
Back in June we
Five wine experts
selected checkbox delivered oxygen
jokingly quizzed sample
document 04/15/05 04/15/05 04/15/05
equipment
chablis.
label
selected
list box item document 04/15/05 04/15/05 04/15/05
label
highlighted item unselected front tab
back tab
unselected radio document 04/15/05 04/15/05 04/15/05
list box item
selected radio document 04/15/05 04/15/05 04/15/05
list box item dropdown list box item
unselected radio
highlighted item
dropdown list box item
list box item
label label
dropdown dropdown collapsed button
selected radio button selected radio button
button selected checkbox unselected radio button button unselected radio button button
Action at a Distance
80
106. The job requires extra pluck
graphic
The five boxing wizards jump
front tab back tab back tab
heading
dropdown
text field text field Pack my box $12.73
text field Back in June $56.47
The job requires extra pluck and zeal from every young
graphic The job $128.75
wage earner. The five boxing wizards jump quickly. Six big Five boxing $19.21
heading juicy steaks sizzled in a pan as five workmen left the Six big steaks $44.19
quarry. Five wine experts jokingly quizzed sample chablis.
• Pack my box with five
label Total $991.31
dozen liquor jugs.
• Back in June we
button
delivered oxygen
heading button
• The job requires extra
pluck and zeal
• The five boxing wizards dropdown document output cycle effective
jump quickly.
• Six big juicy steaks document 04/15/05 04/15/05 04/15/05
address graphic
sizzled in a pan
document 04/15/05 04/15/05 04/15/05
city
Six big juicy steaks
Pack my box with five
document 04/15/05 04/15/05 04/15/05
sizzled in a pan as five
state zip dozen liquor jugs.
workmen left the quarry.
document 04/15/05 04/15/05 04/15/05
Back in June we
Five wine experts
selected checkbox delivered oxygen
jokingly quizzed sample
document 04/15/05 04/15/05 04/15/05
equipment
chablis.
label
selected
list box item document 04/15/05 04/15/05 04/15/05
label
highlighted item unselected front tab
back tab
unselected radio document 04/15/05 04/15/05 04/15/05
list box item
selected radio document 04/15/05 04/15/05 04/15/05
list box item dropdown list box item
unselected radio
highlighted item
dropdown list box item
list box item
label label
dropdown dropdown collapsed button
selected radio button selected radio button
button selected checkbox unselected radio button button unselected radio button button
Action at a Distance
80
107. Make finding things easy
discoverability
Actions should be
recoverability without cost
A sense of time, place,
context
and meaning
How the system
feedback
responds
Four Principles of
Interaction Design 81
108. surface Concrete
surface
What will the
skeleton
finished product
look like?
structure
scope
strategy Abstract
82
114. “Even if a website is highly
usable and provides very
useful information presented
in a logical arrangement, it
may fail to impress a user
whose first impression of the
site was negative.”
Dr. Gitte Lindgaard, Carleton University
108
87
128. Resources
The Non-Designer’s Design Book
by Robin Williams
About Face 2.0: The Essentials of Interaction Design
by Alan Cooper
Information Architecture for the World Wide Web
by Louis Rosenfeld and Peter Morville
Observing the User Experience
by Mike Kuniavsky
The Elements of User Experience
by Jesse James Garrett
David Verba | Dir. of Technology
http://www.adaptivepath.com/slides/railsconf2007.pdf Adaptive Path
david@adaptivepath.com
97