Here are the key details for this page:
- Header displays reservation details like dates, room type, number of guests
- Breakdown of nightly rate, taxes, and total amount due per night
- Total for entire stay displayed prominently
- Links to terms, cancel policy displayed
- Large "Confirm Reservation" CTA button
- Footer with site links
Developer: Please implement the following:
- Pull reservation details like dates, room type, guests from booking API
- Calculate nightly rates, taxes, totals programmatically
- Display totals for full stay by multiplying nightly totals
- "Confirm Reservation" button triggers confirmation workflow
- Ensure all styling/layout matches existing
Agile Methods for NTU Software EngineersAndy Marks
A 1 hour presentation given to 2nd year NTU students on Feb 29 2012 by Jolly Tan.
Covers a brief overview of Agile, a comparison of XP and Scrum and finishing with a quick introduction to Lean Startup, Lean and Continuous Delivery thinking.
Building Results Oriented Websites: The Method That Ends the MadnessTom McCracken
Content Management Systems gives you a huge tool box to deliver features. As CMSs accelerates the development cycle, the question changes from “How do we build sites?” to “What should we build?” This session presents the strategies and methodologies we have learned and used over the last 12 years to build results driven websites.
For decades the gold standard for measuring project success has been the project management iron triangle: on time, on budget, on scope. Despite increasingly more rigorous planning strategies, the average project is still 45% over budget, delayed by 63% and missing 1/3 of the promised functionality.
Worse yet, this obsession with certainty is reducing quality, innovation and value while burning out web development teams - and things are only getting more difficult.
A new way of thinking is needed to build truly successful projects. This session presents modern strategies and methodologies that have continually proven to beat the averages. We will review the latest research and advice from the world’s foremost software engineers. The session will conclude with a breakdown of the innovative methodologies that drive the majority of the world’s leading websites.
This session is for anyone looking to build more successful projects. Project owners will learn how to drive innovation, faster and with less cost. Your development team will learn how to continually deliver better work with less stress and long weekends.
Agile Methods for NTU Software EngineersAndy Marks
A 1 hour presentation given to 2nd year NTU students on Feb 29 2012 by Jolly Tan.
Covers a brief overview of Agile, a comparison of XP and Scrum and finishing with a quick introduction to Lean Startup, Lean and Continuous Delivery thinking.
Building Results Oriented Websites: The Method That Ends the MadnessTom McCracken
Content Management Systems gives you a huge tool box to deliver features. As CMSs accelerates the development cycle, the question changes from “How do we build sites?” to “What should we build?” This session presents the strategies and methodologies we have learned and used over the last 12 years to build results driven websites.
For decades the gold standard for measuring project success has been the project management iron triangle: on time, on budget, on scope. Despite increasingly more rigorous planning strategies, the average project is still 45% over budget, delayed by 63% and missing 1/3 of the promised functionality.
Worse yet, this obsession with certainty is reducing quality, innovation and value while burning out web development teams - and things are only getting more difficult.
A new way of thinking is needed to build truly successful projects. This session presents modern strategies and methodologies that have continually proven to beat the averages. We will review the latest research and advice from the world’s foremost software engineers. The session will conclude with a breakdown of the innovative methodologies that drive the majority of the world’s leading websites.
This session is for anyone looking to build more successful projects. Project owners will learn how to drive innovation, faster and with less cost. Your development team will learn how to continually deliver better work with less stress and long weekends.
This presentation was made by Adam Monago in China in 2009. It covers topics like
Agile and Analysis: Common Misconceptions
Agile Analysis
Agile Analysis Life Cycle
Defining Objectives and Trade-Offs
Blending User Experience & Business Analysis thinking in the Agile Customer Role presentation by Jeff Patton for Agile Chennai 2007 Conference http://agileindia.org/agilechennai07/index.htm
Natalie Hanson, PhD. April 2011 presentation to the Philadelphia chapter of ACM-CHI (Association for Computing Machinery, special interest group on Computer Human Interaction).
This workshop shows you how quickly build and market a results oriented website. We cover strategy, processes, tools and tactics that online leaders are using to dominate the web.
This course is run live and online monthly: http://www.meetup.com/rowdfw
How do we move from research to design to development without losing sight of the user experience. This session looks at specifying UX artifacts for team members to glean meaning from our work. How does experience design specify its output in a way that developers can code and business can understand how the UX relates to business requirements?
This presentation was made by Adam Monago in China in 2009. It covers topics like
Agile and Analysis: Common Misconceptions
Agile Analysis
Agile Analysis Life Cycle
Defining Objectives and Trade-Offs
Blending User Experience & Business Analysis thinking in the Agile Customer Role presentation by Jeff Patton for Agile Chennai 2007 Conference http://agileindia.org/agilechennai07/index.htm
Natalie Hanson, PhD. April 2011 presentation to the Philadelphia chapter of ACM-CHI (Association for Computing Machinery, special interest group on Computer Human Interaction).
This workshop shows you how quickly build and market a results oriented website. We cover strategy, processes, tools and tactics that online leaders are using to dominate the web.
This course is run live and online monthly: http://www.meetup.com/rowdfw
How do we move from research to design to development without losing sight of the user experience. This session looks at specifying UX artifacts for team members to glean meaning from our work. How does experience design specify its output in a way that developers can code and business can understand how the UX relates to business requirements?
An Introduction to Software Performance EngineeringCorrelsense
Software performance engineering is becoming increasingly important to businesses as they look to improve the non-functional performance of applications and get more out of IT investments. By leveraging performance engineering techniques, IT professionals can be indispensable in building and optimizing scalable systems. This
introductory course will teach you the essentials of software
performance engineering including :
• The performance challenges faced by Enterprise IT today
• What is software performance engineering (SPE)?
• Best practices for building scalable software systems
• The approaches to integrating SPE into IT project lifecycles
• Common frameworks for measuring application performance and service levels
• The impact of SPE on software developers, testers, capacity planes,
and other IT professionals
• Case studies from the finance, retail, and insurance industries
Instructor: Walter Kuketz, SVP and CTO, Collaborative Consulting
This training is sponsored by Correlsense, Collaborative Consulting,
and New Horizons
This is a summary of the process to follow when creating and building websites and other such online media. It's a project process overview for thos in need of such a structure to help run their projects and for clients to get a better idea of how the whole process works. There ar of course other ways of running your projects but this is a good tried and tested stage by stage way of doing it. I've included responsibilities and example outputs as well as key things to do and watch out for each stage.
Microsoft SQL Server 2008 Multi-Server ManagementMark Ginnebaugh
Presenter: Ross Mistry of Microsoft, author and former SQL Server MVP
You can now upgrade initiatives across the application lifecycle — all with tools that make it fast and easy.
Ross explains about new management capabilities such as Utility Control Point and Data-Tier Applications. This can help you proactively manage database environments efficiently at scale through centralized visibility into resource utilization and streamlined consolidation.
You will learn how to:
• Reduce Total Cost of Ownership within your SQL Server Infrastructure
• Monitor your SQL Server instances
• Identify Consolidation Opportunities
• Deploy Data-Tier Applications
Ross Mistry is an Enterprise SQL Server Architect with Microsoft. As a former SQL Server MVP, he is well known in the worldwide SQL Server community and frequently speaks at technology conferences and user groups around the world, such as PASS, SQL Connections, Europe PASS, and SQL BITS.
Similar to Nailing It Down: Detailed Design to Preserve the UX Vision (20)
Out of My Brain on the 5:15 | Practical User Research for the Enterprise UXerjsokohl
In some ways, this talk is a simple one, designed to provide a single solution to a core problem facing all us UXers: Too many project managers, product managers, project sponsors, and so on balk at the idea of performing ANY user research.
Two key objections arise when user research is proposed:
“Our users don’t have time to go to a focus group or a conference room and spend hours listening to someone or doing inane exercises.”
“We can’t spend tons of project time for six months just fiddling around with talking to users…who need to be doing their jobs, by the way.”
To cut through this barrier, I came up with the method I call “”5:15.”” Put simply, it involves asking a person to commit to answering five questions in only 15 minutes.
Almost no one can spend two hours out of their workday talking to a user experience researcher; almost everyone has 15 minutes. Even asking someone for an hour of their time seems excessive, especially in enterprise settings. However, that request for 15 minutes seems innocuous.
We’ll look at how these questions work well, how you can gain insights easily, and why you should never take NO to research plans as an answer.
Kill Your Darlings: Solving Design by Throwing Away Your Prototypesjsokohl
Wireframing has held sway over UXers for the past 20 years. From its metaphoric origins in filmmaking to its pinnacle in countless UX books, wireframing stood as a key approach in defining both structure & interaction. In recent years, however, wireframing has come under attack. UX thinkers propose replacing wireframes with sketches and prototypes; yet we need to understand that bridge between idea and specification.
I spent several years as a manager, a booking agent, a road manager, and a radio DJ in one of my pasts. Several key ideas from that life apply directly to my UX world.
"When we said we wanted a house at Bear Creek," client Lillian Kaufmann said to Frank Lloyd Wright, "we didn't imagine you would build it ON the creek!"
To which Wright replied, "In time you'd grow tired of the sight of creek...but you'll never grow tired of the sound."
And he was right. Fallingwater stands as the most recognized house in architecture. yet it's not just a landmark...it was a home. The Kaufmanns' loved it.
Similarly, owners of other Wright-designed buildings may have struggled with the architect, the implementation may have had flaws, the builders and other constructors may have gone behind Wright's back to fix perceived design flaws... but they all loved the buildings. The architect's vision remains inspiration to this day.
This presentation looks at three Wright landmarks— Fallingwater in Ohiopyle, the Pope-Leighy house in Alexandria, and Taliesin West in Phoenix— and the experience architecture inspiration they hold for experience designers.
I also believe that, through Wright's examples, we can learn elements that take our approaches to experience architecture to newly useful and inspiring levels for our clients and the users of our work.
During this presentation, we'll take a look at pictures and principles from these three sites. We will explore analogs to our practice through these elements:
* Context: How does the site selection integrate with user needs and desires?
* Clients: What do Wright's relationships with his clients teach us? Where did he innovate, and where did he fail?
* Connection: How does the architect connect the lives of the clients with the results of the design? Expect lots of pictures.
Make it or Break It: Evolutionary or Throwaway Prototypingjsokohl
Prototyping is a key tool for improving the user experience and defining a product. What's the best approach: incrementally use the target development environment to create the code, or use a technique that explores design ideas without delivering on the prototype platform?
As Agile teams struggle with how to address the user experience, they often look to models that tack UX activities on to their process. UX architects & designers spend time begging for a place at the Agile table, while developers & PMs & product owners scratch their heads, wondering what these weird folks are doing on their teams.
Yet rather than asking, "How do we tack UX onto Agile?" let's let’s ask, “Do we want to define projects with users in mind? If we do, then who should be responsible for that task?” This session looks at how user experience is taken into account in projects, why user requirements should lead project development, and how addressing UX provides key business value.
Agile team professionals often find themselves working on projects with tight deadlines, tighter budgets, and unreasonably high expectations for success. Too often user research, usability, and design processes are compressed or even cut entirely for the sake of time, while development and business analysis time is increased. As UX professionals become more involved with agile development methods, we have discovered novel approaches to user-centered design that are adaptable to any budget or deadline.
This discussion will explore how user research, usability, IA and interaction design practices are adapted and thrive in agile projects.
Focusing on their experiences at Agile 2009 in Chicago this past fall, they will discuss:
* How to provide timely and valuable UX support to stressed web development teams
* How to let go and modify research/design/development dogmas
* How to advocate for users when time for user research and usability are unavailable
* How to balance rigor, quality, and speed
How Can You Be in Two Places at Once: Designing Across Space and Timejsokohl
Design often is considered an in-person collaboration. Perhaps, however, we can leverage key principles and base tools to enhance our lives as well as our designs. Not only do we work with people across the hall, across town, and across the country, but we also work with people we never meet.
Technology has provided us the ability to work in many ways, telecommute to save fuel and frustration, reduce travel costs, and use various forms of communication. The promise is there, yet the reality sometimes eludes us.
An old presentation about what human-computer interaction is, what usability is, and how it fits into development. Pondering now just how well this stands up. It seems to...but....
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
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.
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.
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
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.
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
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.
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.
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
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.
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.
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/
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.
Search and Society: Reimagining Information Access for Radical Futures
Nailing It Down: Detailed Design to Preserve the UX Vision
1. Nailing It Down
Detailed Design to Preserve the UX Vision
Information Architecture Summit ’11
Joe Sokohl
@mojoguzzi
@RegJoeConsults
CONFIDENTIALITY
The concepts and methodologies contained herein are proprietary to Regular Joe Consulting LLC.
Duplication, reproduction or disclosure of information is this document without the express written
permission of Regular Joe Consulting is prohibited. Enjoy the work. We hope you find it useful.
2. Agenda
What is “detailed design,” anyway?
What’s the problem
What are some solutions
2
3. Schedule
Intros
What is detailed design? Who does it?
Where does it break down? Why?
Break
What are some solutions? How do we work within our
projects?
Break
How does Agile fit in?
Open discussion, Q&A
3
4. A bit about me
http://www.uxaustralia.com.au/conference-2010/design-thinking-is-this-our-ticket-to-the-big-table
4
6. Who this workshop applies to
Agencies
Independent UXers
Highly regulated areas: healthcare, government,
military
Anyone working with distributed teams (including
cross-border, multiple time zone teams)
6
7. Who this workshop might not apply to
Heterogenous teams
UXers who also do the front-end
development of their apps
Co-located, nimble teams who don’t have
a need to retrace steps
Then again....
7
9. So what’s the big deal, anyway?
Determining what the problem is
9
10. Typical documentation approaches
Research artifacts such as competitive reviews,
heuristic analysis, mental models/affinity diagrams,
and personas
User/task matrixes
Hi-level wireframes
Concept models
Card sorts
And on and on and on...
10
11. Exercise 1: Create your own details
Look at the wireframe.
You need to let the development team know how to
realize this wireframe as a functioning Web-based
experience.
In 10 minutes, identify what you think would be
needed. If you run short of time, circle items on
the page that you would communicate.
Think how you would do this.
11
13. VIEWW Summary
VISION INCEPTION ELABORATION WORK WEB
Discover the project goals, Design the information Refine the User Experience Develop the application, Deploy the finished
define requirements, and structure and system Design & System Design so integrating front end and application into production,
frame the initial scope of architecture of the an application can be built. back end systems. transfer ownership to
an application. application. support and maintenance
teams.
Activities Activities Activities Activities Activities
• Gather Input on Business, • Create High-Level User • Usability Testing • Create Deployment Plan • Initial Data Load
User and System Experience Design
• User POC • Update Detailed Design • Deployment
Requirements
• Create User Proof-of-Concept Document
• Create Detailed User • Create Administrative Guide
• Define Business
• Conduct Usability Testing Experience Design • Develop Components
Requirements • Develop User Education
(Component Source)
• Create High-Level System • Assess and Select Manual
• Define User Requirements
Architecture Technologies • Conduct Code Review
• Transition to Maintenance
• Develop Creative Brief
• Create Technical Proof-of- • Deployment Plan Team
• Define System Requirements Concept
• Detailed Architecture FUNCTIONAL
• Develop Initial Deployment TESTING RESULTS
• Create Technical POC USER ACCEPTANCE
Specification
REQUIREMENTS TESTING RESULTS
• Coding Standards
DOCUMENT
• Plan and Implement
HIGH-LEVEL
Development Environment
DESIGN DOCUMENT
DETAILED DESIGN
DOCUMENT
13
14. FiveDs Summary
Discover Design Define Develop Deliver
Define project goals, Further define a Refine design details, Build and integrate Complete the
business reqs, set of requirements create final design and front-end and commercialization of
and initial scope. and create systems obtain signoff. back-end systems. the product
and UX models
Activities Activities Activities Activities Activities
• Define goals • Brainstorming • Merge visual and • Image and page • Acceptance testing
functional design creation
• Key success factors • Scenario building • System and
• Final content • Content integration knowledge transfer
• VOC workshops • Wireframes
• Test scenarios • Coding • Product deployment
• EOC interviews • Visual direction
• Object analysis, • Unit testing • Marketing campaign
• B/U/S requirements • HL Info Architecture
modeling, design
• System staging in
• Site analysis • HL Sys Architecture
• Database analysis QA environment
• Audience analysis • Define technology and design
• Incremental QA and
• Initial use cases • Design testing on multiple
• Business processes documentation platforms
14
15. FiveDs Summary
Discover Design Define Develop Deliver
Define project goals, Further define a Refine design details, Build and integrate Complete the
business reqs, set of requirements create final design and front-end and commercialization of
and initial scope. and create systems obtain signoff. back-end systems. the product
and UX models
Activities Activities Activities Activities Activities
• Define goals • Brainstorming • Merge visual and • Image and page • Acceptance testing
functional design creation
• Key success factors • Scenario building • System and
• Final content • Content integration knowledge transfer
• VOC workshops • Wireframes
• Test scenarios • Coding • Product deployment
• EOC interviews • Visual direction
• Object analysis, • Unit testing • Marketing campaign
• B/U/S requirements • HL Info Architecture
modeling, design
• System staging in
• Site analysis • HL Sys Architecture
• Database analysis QA environment
• Audience analysis • Define technology and design
• Incremental QA and
• Initial use cases • Design testing on multiple
• Business processes documentation platforms
15
16. User Experiences Go Beyond the User Interface
Expectations frame users’
experiences through brand
perception and prior
experience
Users achieve goals by
performing tasks
They accomplish tasks by
interacting with content, Powerful Interactions
features, and functions in the
agent portal and other
applications, software and
tools
User interfaces bring the
User Rich Internet Application Solutions Single, reliable view of the
Single View of the
user experience alive, Interfaces Customer user’s entire relationship
providing simplified, with the enterprise supports
enjoyable online interactions Distributed Content business processes critical to
and instant feedback in and Functionality the delivery of a seamless
Web Sites Software / Tools Applications experience
flexible, intuitive and
forgiving workspaces
Business Information Identity
Processes Delivery
Transactional Analytics
Management
Loosely joined customer-
facing and internal business Content Reporting and
Notification Syndication
processes support quick and Management Monitoring
continuous experience
improvement Marketing Campaign Authentication and
Workflow Others
Management Authorization
Reliable content Experience
and data form the Enablers
foundations of a strong
user experience
product / service meta data analytic data user
content & data
•••
Beautiful experiences are more than pixel deep
16
18. Sketches provide documentation
The genius in our styling department is that they not only have a
great feel for design, but also for the fact that the design needs to
function properly on a motorcycle. That melding of functionality and
styling is what makes our motorcycles very, very special.
18
23. Detailed Design Activities
Detailed sketches
Detailed scenarios with branching
User-centered use cases
Visual design specifications
Database design, specifically, fields & interactions
Exact interaction design, to include motion
High-fidelity (and possibly evolutionary) prototypes
L10N/I14N/A11Y
What else?
23
24. What’s the difference between reqs & specs?
Requirements
Requirements cannot be “gathered”
Requirements are not features
Requirements are not specifications
Specifications
“Effective documentation combines
text and images to describe the
anatomy and physiology
of a product.”
24
25. Who Does What
Typical roles on a project
IA Information architect
IxD Interaction designer
VisD Visual designer
BA Business analyst
PO Product owner
PM Project manager
SA Systems architect
DA Data architect
DBA Database analyst
Dev Developer
QA Quality assurance analyst
25
26. Exercise 2: RACI
Decide what role does which task
RACI
Responsible: Does the task
Accountable: Signs off the work Responsible does
Consulted: Provides input, opinions, advice
Informed: Consumes output & information from the team
Only 1 Accountable per task
Work in teams, then we’ll gather to discuss
26
27. What’s Your Definition?
• My definition? A detailed design is
• The body of information that conveys
sufficient detail to communicate that
which can be coded.
• Just enough detail to enable the non-UX
team (dev, biz, mkt, release) to
understand the UX designer’s intent.
27
30. Maybe a bit tooooo much....
Planning Track
Dev Project
IPM Officer
Manager Manager
QA
Manager
Once, at start of project
Org Process Guidance Project Process Instance
Tailoring Guidelines Project Plan
Vision Statement Master Schedule
Personas Risk Management Strategy
Plan Project
BaselineCM Project Commitments
Master Schedule Test Metrics
Test Approach
Release
Manager Define-Update Test
Approach
Track Complete
Test Approach
once per project
CM Guidelines CM Plan
Baseline CM Guidelines
Configuration
BaselineCM CM Access Control Policy
Management
CM Baseline Report
Every iteration
Scenario List
Scenario List Create a Scenarios
BaselineCM
Scenario
Architect
Business
Analyst
UATs
Every iteration
Iteration Start
QoS Req List
scenarios Create a Quality of
BaselineCM QoS Requirements
Lifestyle Snapshot Service Requirement 30
32. Where do they break? Why
Spec need
Team proximity or regulatory need (or both)
32
33. Requirements masquerading as specifications
Traditional approach
1.1.1. The system shall allow the teacher to
click a control which displays the first answer in the
lesson.
NOTE: Subsequent answers can be accessed by
User story approach
As a clinician and/or front desk assistant, I need to record the writer, provider(s),
assistant(s), as well as the date and time of entry for every clinical note, so that I can
maintain accurate clinical records.
33
34. Requirement: Turn indicators
1.3.2.5a: The system shall
As a motorcyclist, I want to
include the ability for the
indicate to followers a changed
operator to indicate the direction
I’m turning so that I won’t be hit.
direction of travel
34
36. “ is not it at all,
That
That is not what I meant,
at all. . . . . .
”
http://static.guim.co.uk/sys-images/Guardian/Pix/pictures/2009/3/30/1238371335802/TS-Eliot-003.jpg
36
38. Special order 191
Major Taylor will proceed to Leesburg, Va., and arrange for transportation of the sick and
those unable to walk to Winchester, securing the transportation of the country for this
purpose. The route between this and Culpeper Court-House east of the mountains being
unsafe will no longer be traveled. Those on the way to this army already across the river
will move up promptly; all others will proceed to Winchester collectively and under
command of officers, at which point, being the general depot of this army, its movements
will be known and instructions given by commanding officer regulating further movements.
III. The army will resume its march tomorrow, taking the Hagerstown road. General
Jackson's command will form the advance, and, after passing Middletown, with such
portion as he may select, take the route toward Sharpsburg, cross the Potomac at the
most convenient point, and by Friday morning take possession of the Baltimore and Ohio
Railroad, capture such of them as may be at Martinsburg, and intercept such as may
attempt to escape from Harper's Ferry.
IV. General Longstreet's command will pursue the main road as far as Boonsborough,
where it will halt, with reserve, supply, and baggage trains of the army.
V.General McLaws, with his own division and that of General R. H. Anderson, will follow
General Longstreet. On reaching Middletown will take the route to Harper's Ferry, and by
Friday morning possess himself of the Maryland Heights and endeavor to capture the
enemy at Harper's Ferry and vicinity.
38
40. BA’s Doing UX
In the 10+ companies I
consulted for in the past 6
years, only one had UX
professionals contributing to
the project.
http://www.modernanalyst.com/Resources/Articles/tabid/115/articleType/ArticleView/articleId/1735/
Are-you-ready-to-wear-your-UX-hat-when-duty-calls.aspx
40
44. Big, grandiose statement
Anything that specifies user
behavior or activities that
affect users belongs to the
user experience team
44
45. Big, grandiose statement
Anything that specifies user
behavior or activities that
affect users belongs to the
purview of the user
experience team
45
46. What Are Some Solutions
Frameworks
Style guides and pattern libraries
Accurate diagrams and traceable notes
A proverbial seat at the table.
46
47. Frameworks and design principles
NextGen Design Principles & Frameworks: a Case
Study
Windows Presentation Framework
HTML5
CSS
47
48. Style guides and pattern libraries
Apple HI Guidelines
YUI!
Search Patterns from Peter Morville
NeXTStep Style Guide
48
51. Display All Taxes & Fees - Currency
References
Functionality of this page is based on the current reservation review, reserve, and
confirmation pages. It covers reservations made in currency amounts. The GCCI free Use Case: 3.3
night reservation confirmation wireframe appears on the next page. Requirements Matrix: 4.A.1, 4.A.2, 4.A.3, 4.A.4
All modified items should be consistent with existing functionality and visual standards. Site Map: site_map_display_all_fees
Base Wireframe: 4.1,4.2,4.3,4.4,4.5
1 Separated Rooms and Fees
The room stay is separated by first the total for all rooms reserved,
without any taxes or fees. Then the estimated taxes and fees
1 appears, followed by the total stay amount. If taxes and fees are
included in the rate, use the term “included”.
2 Breakdown of Taxes and Fees
2
The system breaks out and identifies all taxes, separate from any
optional service charges. The CPM system provides the tax and
fee information. If taxes and fees are included in the rate, use the
3 term “included in reservation amount”.
3 Optional Service Charges
If the property assesses any additional yet optional charges, they
appear here. If there are no optional charges, do not display
anything.
4
4 Additional Confirmations
The Reservation Amount module appears the same on the
following pages:
• Reservation Confirmation Email
• Change Reservation
• View Reservation
• Cancel Reservation
It contains the same information as the Reservation summary, just
in a different layout.
Best Western International Web Release I (AR0637) E,W, W Keane Architecture Services 51
52. Display All Taxes & Fees - Currency
References
Functionality of this page is based on the current reservation review, reserve, and
confirmation pages. It covers reservations made in currency amounts. The GCCI free Use Case: 3.3
night reservation confirmation wireframe appears on the next page. Requirements Matrix: 4.A.1, 4.A.2, 4.A.3, 4.A.4
All modified items should be consistent with existing functionality and visual standards. Site Map: site_map_display_all_fees
Base Wireframe: 4.1,4.2,4.3,4.4,4.5
1 Separated Rooms and Fees
The room stay is separated by first the total for all rooms reserved,
without any taxes or fees. Then the estimated taxes and fees
1 appears, followed by the total stay amount. If taxes and fees are
included in the rate, use the term “included”.
2 Breakdown of Taxes and Fees
2
The system breaks out and identifies all taxes, separate from any
optional service charges. The CPM system provides the tax and
fee information. If taxes and fees are included in the rate, use the
3 term “included in reservation amount”.
3 Optional Service Charges
If the property assesses any additional yet optional charges, they
appear here. If there are no optional charges, do not display
anything.
4
4 Additional Confirmations
The Reservation Amount module appears the same on the
following pages:
• Reservation Confirmation Email
• Change Reservation
• View Reservation
• Cancel Reservation
It contains the same information as the Reservation summary, just
in a different layout.
Best Western International Web Release I (AR0637) E,W, W Keane Architecture Services 52
57. Case Study: Agile and an FDA-Compliant Company
“One can never get away from needing to provide
'objective evidence' of design inputs, verification &
validation and design outputs, this being the bare
framework of what is required by the FDA and
most, if not all the international medical device
quality requirements.”
57
58. “The Problem with ‘Quick and Dirty’...”
“...‘dirty’ is remembered long after
‘quick’ is forgotten.”
58
60. Find a way to detail your design
You can’t develop a user-centered product from
user stories
You can use personas to ask, “What would Juan
do?”
Take photos of sketches. Place them in the backlog.
Embed scenarios into the backlog for empathy
traceability
60
61. Exercise 3: The Challenge Game
Divide into two teams
Challenge team creates potential probs/challenges
Solution team creates features & strengths of the product
Challenge team selects a card from the deck and
plays it face up
Solution team tries to find a card that can provide
a solution to it.
If the Solution team can’t play a reasonable solution card,
the Challenge team gets a point. Otherwise, the point goes
to the Solution team.
Work together on each challenge to find that solution.
61
64. “ In preparing for battle, I have always
found that plans are useless...
...but planning is indispensable. ”
—Dwight Eisenhower
64
65. So...
Detailed design is...
The body of information that conveys sufficient
detail to communicate that which can be coded.
Just enough detail to enable the developer
to understand the UX designer’s intent.
65
00:00-00:15Intros\n 00:15-01:00What is detailed design? Who does it?\n 01:00-01:30Where does it break down? Why?\n 01:30-01:45Break\n 01:45-02:35What are some solutions? How do we work within our projects?\n 02:35-02:45Break\n 02:45-03:15How does Agile fit in?\n 03:15-03:30Open discussion, Q&A\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Typical UX documentation approaches we use:\nResearch artifacts such as competitive reviews, heuristic analysis, mental models/affinity diagrams, and personas\nUser requirements matrixes\nAnnotated wireframes\nConcept models\n\n
Typical UX documentation approaches we use:\nResearch artifacts such as competitive reviews, heuristic analysis, mental models/affinity diagrams, and personas\nUser requirements matrixes\nAnnotated wireframes\nConcept models\n\n
Typical UX documentation approaches we use:\nResearch artifacts such as competitive reviews, heuristic analysis, mental models/affinity diagrams, and personas\nUser requirements matrixes\nAnnotated wireframes\nConcept models\n\n
Typical UX documentation approaches we use:\nResearch artifacts such as competitive reviews, heuristic analysis, mental models/affinity diagrams, and personas\nUser requirements matrixes\nAnnotated wireframes\nConcept models\n\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Unfortunately, documentation fails usually at the point that documentation goes to developers. Rarely can developers code from wireframes, even detailed annotations...because they’re not specific enough.\n\n
Unfortunately, documentation fails usually at the point that documentation goes to developers. Rarely can developers code from wireframes, even detailed annotations...because they’re not specific enough.\n\n
Unfortunately, documentation fails usually at the point that documentation goes to developers. Rarely can developers code from wireframes, even detailed annotations...because they’re not specific enough.\n\n
Unfortunately, documentation fails usually at the point that documentation goes to developers. Rarely can developers code from wireframes, even detailed annotations...because they’re not specific enough.\n\n
Unfortunately, documentation fails usually at the point that documentation goes to developers. Rarely can developers code from wireframes, even detailed annotations...because they’re not specific enough.\n\n
Unfortunately, documentation fails usually at the point that documentation goes to developers. Rarely can developers code from wireframes, even detailed annotations...because they’re not specific enough.\n\n
Unfortunately, documentation fails usually at the point that documentation goes to developers. Rarely can developers code from wireframes, even detailed annotations...because they’re not specific enough.\n\n
Unfortunately, documentation fails usually at the point that documentation goes to developers. Rarely can developers code from wireframes, even detailed annotations...because they’re not specific enough.\n\n
What’s wrong with this “specification”?\nIt’s written by a BA. \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Cindy\n
Cindy\n
This is the best of both worlds.\nYou rapidly and iteratively create interactions, but you specify the behavior as you go.\nThis approach keeps spec close to the IxD. What’s important is that you define the behaviors as you define the layout, the visual design, and the IA.\n
Thsi is the best of both worlds.\nYou rapidly and iteratively create interactions, but you specify the behavior as you go.\nThis approach keeps spec close to the IxD. What’s important is that you define the behaviors as you define the layout, the visual design, and the IA.\n
\n
\n
\n
\n
The Porsche 914 was a mashup of Porsche and VW teams. Arguably one of the worst cars ever to make it to market.\n
one approach: have the UX team designing a sprint/cycle ahead of the implementation team. Yet this approach needs to have a strong sense of design documentation, doesn’t it? Not only is the team working on the current sprint, it’s also designing for the next one.\n