Integrated Use of Responsive and Adaptive Web Design (Zackary Webb)

•

1 j'aime•1,282 vues

A debate has raged for several years, sparked when Responsive Web Design (RWD) became a big deal. On one side, the hoary defenders of Adaptive Web Design (AWD), the old school ballers. On the other, the proponents of One Web, the new school, the Responsive Web Design upstarts. The UX blog-o-sphere is rife with points of view, contradictions and comparisons, pro-this/anti-that rants, and a slew of info-graphics purporting to answer the questions once and for all. So which approach is best: AWD or RWD? The answer is BOTH. These two design philosophies are not mutually exclusive, and elements of both can be combined to create truly optimal web experiences across devices. By removing the constraints of using a single approach over another, it becomes possible to draw from each to employ a broader set of tools for solving UX problems in an omnichannel world.

Design

This
guy

Shannon
Denton

Razorﬁsh,
CEO
–
North
America

Server
&
Client

AWD
=
Server-‐Side

•  Variable
URLs

•  User-‐agent
redirects

•  Device-‐speciﬁc
layouts

•  Flexible
source
order

•  Op4mized
media

PRO:
Op4mal
performance

CON:
Ineﬃcient
maintenance

RWD
=
Client-‐Side

•  Consistent
URLs

•  Media
queries

•  Fluid
layouts

•  Fixed
source
order

•  Scalable
media

PRO:
Eﬃcient
maintenance

CON:
Performance
issues

MIXING
IT
UP

Integrated
Use
of
Responsive
&
Adap4ve
Web
Design

Adap4ve
Branches

Smart
Phone
Site

Desktop
Site

Server-‐Side:

User
Agent

Redirect
Tablet
Site

Responsive
Templates

Adap4ve
Branches

Progressive
Enhancement
+
RESS

Smart
Phone
Media
&
Features

Desktop
Media
&
Features

Server-‐Side

Scrip4ng
Tablet
Media
&
Features

Responsive
Templates

Client-‐Side:

•  Media
Queries

•  Responsive
Templates

Device
Ranges

Smart
Phone
&
Tablet
Site

Desktop
Site

Server-‐Side:

User
Agent

Redirect

Client-‐Side:

•  Media
Queries

•  Responsive
Templates

•  Scalable
Media
(op4mized
for

smaller
screens)

Client-‐Side:

•  Media
Queries

•  Responsive
Templates

•  Scalable
Media
(op4mized
for

larger
screens)

OTHER
CONSIDERATIONS

Integrated
Use
of
Responsive
&
Adap4ve
Web
Design

Contenu connexe

En vedette

Working as a designer can be incredibly stressful. Our work is constantly subject to intense scrutiny and debate from clients and colleagues. If we're consultants, we have the added pressure of constantly proving our worth to clients. If we're in-house, we may have to get along with and even prove the value of UX to other departments. Even the fast pace and ill-defined nature of the field itself can lead to stress: we can suffer from impostor syndrome and general insecurity about where we fit in our own profession. In this talk we'll take a frank look at common UX stressors and, most importantly, we will discuss ways to address them. You'll leave better prepared to handle a UXer's everyday challenges, and with a myriad of ways to improve your emotional wellbeing.

Coping With the Stress of a Career in UX - Meredith Noble

UXPA International

Alberta Soranzo's Ignite talk from the UXPA 2014 session "Growth by Design: Managing Change in Experience Design Teams." The demand for experience design services is getting higher every day. As we try to manage the rapid growth of our specialist teams, we're reaching the point at which our evolved team structures can no longer cope with that demand. How do we structure our design teams to focus on quality and sustainability while ensuring our employees are kept highly motivated and have clear career development opportunities? How do we facilitate change and re-define roles to alleviate points of stress and encourage ownership and accountability at all levels? This Ignite session will bring experienced managers and practitioners together to share their insights on how they have achieved this in their own companies, to give attendees specific, actionable advice to help them manage growth in their own experience design teams.

To have and to hold - how to recruit and keep your team (happy) (Alberta Sora...

UXPA International

Ethics when moderating in UX research (Donna Tedesco)

UXPA International

Agile and scrum processes rely on constant communication between product, design and development teams. But what happens when your team is spread across three time zones, with three different cultures and two different languages? When a team is not working well together, the product suffers and the users suffer as a result. We’ll present our own case study and share parallels from other companies, then share with you what worked and what didn’t as we navigated the wilds of distributed agile. Most importantly, we’ll share the key shift to our approach that made the pivotal difference.

UX In a Distributed Agile Environment: Making It Work - Krys Blackwood and Le...

UXPA International

The Ubiquitous Eye Tracker: Eye tracking has become a key method to test the usability of websites and software. It provides researchers and practitioners with indisputable, objective and convincing data describing user behavior and usability problems. Eye tracking is also used to study user interaction with mobile devices and physical products. Eye tracking augments traditional usability methods, providing additional information that the test participant cannot report and the researcher cannot observe. Unique insights about first glance, search patterns, failed search, and much more offer guidance in how to solve different usability problems. Eye tracking can be used together with a variety of research methods, including observations, interviews and the retrospective think aloud (RTA) method. The past ten years, eye trackers have evolved from bulky, expensive and difficult to use devices, to a level of maturity that is soon good enough to be used in widespread consumer user experiences. The solutions of today enable more dynamic research setups and a wider range of uses, but what about tomorrow? What does it mean for us as UX professionals when gaze information from our users will be available all the time, everywhere?

The Ubiquitous Eye Tracker (Joakim Isaksson, Tobii)

UXPA International

Abi Reynolds's talk from the UXPA 2014 Ignite session "Are you a Super Hero or a Super Villain? Using Design Psychology for Good (and Evil)." Design Psychology is a powerful tool to wield and can be used to the benefit or detriment of our users; motivating them to behave in ways that can be in their interest, or our own. Our panel of experienced professionals, each with an interest in different facets of design psychology, will choose a white hat or black hat - some taking the side of good and honest intentions, with others taking the dark side where manipulation and coercion reign. On which side will you fall?

How to Make it Easy... (Abi Reynolds)

UXPA International

As organizations increasingly look to digital as a primary means of communication, users have come to depend on sites and apps for information in both the good times and the bad. Communicating exceptions or problems to your users–whether a service disruption, weather event, cancellation, or anything else out of the ordinary – is now a critical use case for many online experiences. What is more, recent research shows that a painful experience for a user can have a disproportionately high impact on his or her perception of the entire brand, making it all the more critical to ensure you are doing everything possible to alleviate pain in stressful times. In this talk, we’ll look at case studies from two international Fortune 50 companies who went from hoping for the best to designing for the worst.

Crisis UX: Designing Experiences for Emergent Situations - Colin Eagan

UXPA International

Seniors are one of the fastest growing segments accessing the web, and yet, they are often ignored when websites are designed. In our talk, we will explain why including seniors as part of use cases should be a priority. We will also explore who these older users are, what their behavior patterns are, how they access the web, what their physical limitations are, and how those should affect your design decisions. We will be presenting data gathered from published studies, quantitative and qualitative studies we conducted in-house, and sharing best practices. As part of the presentation we will also share a case study of how we built a world-class ecommerce tools aimed at Seniors: our epic fails and big wins and what we learned in the process.

The Changing Landscape of Web Users: How to Design for an Aging Population - ...

UXPA International

Contextual inquiry as a research method has gained its popularity these years among user experience practitioners. As a user researcher, we face excessive user data that are collected from field studies. Most of us review and analyze the field data by looking for trends of users’ responses and behaviors. For example, “Affinity diagram” has been commonly used to group and analyze the field data to identify any trends. However, in many cases, it is not enough to draw our conclusions based on a few “Aha!” moments. We should also consider the rich and “random” data that are not obvious to form trends, and abstract hidden implications from them. How we could accomplish it, however, has remained as a challenge. In this presentation, I will start with a case study from our own work, and demonstrate how we found the hidden implications from our data. Then we will explore and discuss strategies and techniques from different perspectives.

Look Beyond Data Trends - A Technique to Find Hidden Design Implications from...

UXPA International

Our existing B2B product has been developed for 15 years and the need for complete redesign was acknowledged in 2013. Unusual for the software business in our country and field of business, this project for the brand new solution was driven by UX from the beginning. The main target was to introduce new level of collaboration between all company functions to formulate a shared vision for the future product. It took us one year to move from user research to prototypes, and in the meantime our UX team grew from two to six persons. Hence, we will also talk a bit about organizing the work of the team to support several products and projects without sacrificing the long-term project. In this session we will share our experiences and lessons-learned from working our way towards that vision with research based top-down approach.

How UX Can Drive the Vision of Future Products - Arttu Niskasaari

UXPA International

In science fiction and action films, gestural interfaces are everywhere, and new gestural input technologies generate a lot of anticipation with their kickstarter videos. And yet in the real world, gestural input (with the exception of multitouch) has gained little traction. Why is that? We've been working with a variety of gestural technologies, trying to incorporate them into professional products, and we have learned where the problems are, and what we need to do to cross the divide between hype and practice. This presentation looks at the current state of gestural input technologies, analyses the strengths and failings of each, and charts a course to using them successfully. We present a case study showing how and why gestures need to be curated across different form-factors, and give some tips on how to test.

Hollywood has a lot to answer for uxpa2015

UXPA International

UXPA2013 Annual Conference - Thursday July 11, 2013 1:30pm - 2:30pm by Ben Salinas With today's highly interactive software, designing on paper is not enough. Without being able to play with the interface, you can't really know how it will work. Rather than putting this off to the development phase or an explicit prototyping phase, start prototyping while designing. Learn how to build quick prototypes to answer specific design questions.

The Art of Rapid Prototyping - Specific Techniques for How to Design Faster w...

UXPA International

1/5 of the "Future of UX" Ignite session from UXPA 2014. The purpose of this session is to get attendees dreaming about the possible, the likely, and the probable future of UX Design - and to inspire them to be a part of making these dreams a reality. We will have at least 5 visionary speakers directed to talk about what they think is possible, likely, and probable 20 years, 50 years, and 100 years with regard to personal and organizational technology design. Speakers will be asked to consider the following questions in their presentations: What similarities and differences do you foresee in how people think about technology in the next 20, 50, and 100 years? What trends will have come and gone? What trends are lasting How will the UX profession change? How will businesses , users and UX professionals collaborate on design challenges? What would you like to see in the future of UX Design and why?

Future of UX in 50 Years (Zarla Ludin)

UXPA International

Describing what we do has never been harder — the complexity of the design landscape has exploded. At the same time, it’s more important than ever that we effectively convey our ideas to audiences who have little or no knowledge of what we do, how we do it and why. While it’s easy to convey skills, it’s difficult to show thinking and process — the essence of our work. Many design artifacts are dry and flat — often showing a snapshot rather than capturing the depth and breadth of an experience. Fortunately, there is a method most of us are already familiar with and can come to master: STORYTELLING. This session will teach beginners and masters alike how to improve their communication skills by transforming artifacts into narratives — increasing meaning, boosting understanding and demonstrating value.

Tell Me What You Do - How Storytelling Can Transform Artifacts Into Engagemen...

UXPA International

The Ethics of UX "White Labeling" (Cory Lebson)

UXPA International

IGNITE: Why Body Gestures Are Not the Future of UX - Tony Fernandes

UXPA International

If it can go wrong, it will! How to bulletproof your user research. (Kathi Ka...

UXPA International

The Mindfulness of Accessibility and Design Wu (Elle Waters)

UXPA International

UXPA 2015 - IGNITE Introduction - Tony Fernandes

UXPA International

En vedette (19)

Coping With the Stress of a Career in UX - Meredith Noble

To have and to hold - how to recruit and keep your team (happy) (Alberta Sora...

Ethics when moderating in UX research (Donna Tedesco)

UX In a Distributed Agile Environment: Making It Work - Krys Blackwood and Le...

The Ubiquitous Eye Tracker (Joakim Isaksson, Tobii)

How to Make it Easy... (Abi Reynolds)

Crisis UX: Designing Experiences for Emergent Situations - Colin Eagan

The Changing Landscape of Web Users: How to Design for an Aging Population - ...

Look Beyond Data Trends - A Technique to Find Hidden Design Implications from...

How UX Can Drive the Vision of Future Products - Arttu Niskasaari

Hollywood has a lot to answer for uxpa2015

The Art of Rapid Prototyping - Specific Techniques for How to Design Faster w...

Future of UX in 50 Years (Zarla Ludin)

Tell Me What You Do - How Storytelling Can Transform Artifacts Into Engagemen...

The Ethics of UX "White Labeling" (Cory Lebson)

IGNITE: Why Body Gestures Are Not the Future of UX - Tony Fernandes

If it can go wrong, it will! How to bulletproof your user research. (Kathi Ka...

The Mindfulness of Accessibility and Design Wu (Elle Waters)

UXPA 2015 - IGNITE Introduction - Tony Fernandes

Plus de UXPA International

Imagine creating experiences for your rookie designers’ first couple years that are rewarding, enriching, and full of learning — without taking all your time or energy to manage. We’ll share techniques any team leader can put into practice using real-life examples from associate programs, apprenticeships, and internships. Topics include onboarding, varied work challenges, developing multiple capabilities, buddy systems, group sharing, guest speakers, time with executives, and mentorship. We’ll also share how to operationalize learning, soft skills like communication and collaboration, setting boundaries, time management, achieving deep work, and more skills we all wish we were explicitly taught early on. We’ll focus on modern-day associate programs, but even if you can’t create a full-fledged program, you’ll leave this session with ideas to use with your fledgling professionals. The benefits go beyond efficiency; it’s a foundation for culture, camaraderie, autonomy, and mastery.

UXPA 2023: Start Strong - Lessons learned from associate programs to platform...

UXPA International

Digital advances are being made at a rapid-fire pace, yet disability inclusivity continues to fall short of the digital revolution. As the number of people living with disabilities rises, the time to take digital accessibility to the next level is now. Let’s disrupt inaccessibility together! Come hear about a multi-part discovery research and ideation project informing foundational UX designs for our customers. You’ll get insights from our unique study, which are widely applicable across industries, and walk away with tips and inspiration to kick off your own accessibility-focused discovery and ideation. Only YOU can prevent inaccessibility – are you in?

UXPA 2023: Disrupting Inaccessibility: Applying A11Y-Focused Discovery & Idea...

UXPA International

UXPA 2023 Poster: ESG & Sustainable UX

UXPA International

UXPA 2023 Poster: The Two Tracks of UX Under Agile: Tactical and Strategic

UXPA International

User experience can be drastically elevated by combining data science insights with user-based insights from research. Data analytics on its own can make themes and correlations difficult to explain and to provide accurate recommendations. For example, themes identified via large global surveys and usage data can be better understood with UX insights from focused user research, such as user interviews and/or cognitive walkthroughs. This presentation will highlight the complimentary nature of data science and UX and will focus on the benefits of bringing the two disciplines together. This will be buttressed with practical examples of enterprise projects and applications that combined data and skills from the two disciplines, guidance on how the two disciplines can better work together, and the skills needed to improve as a UX professional when working with data science teams.

UXPA 2023: Data science and UX: Smarter together

UXPA International

Users do not always accurately describe what they mean or feel. There are many reasons for this, ranging from politeness to poor introspection, to lack of sufficient technical vocabulary. Fortunately, UX researchers have tools in their trade to deduce what was really meant. We call this UX Fracking, a mixed methods approach that is optimized for extracting hidden user insights. We will illustrate the dangers of inadequate, superficial research, and how this may lead to outcomes incapable of addressing the users’ core issues. We will explore ways to avoid these pitfalls by leveraging mixed research methods to test hypotheses about the users’ intent and needs. This starts with a thorough understanding of who the user is, their goals, and how they work today, to an approach that combines surveys, interviews, and comment analysis with behavioral observation, and finally, validating the newly discovered user insights with the users themselves.

UXPA 2023: UX Fracking: Using Mixed Methods to Extract Hidden Insights

UXPA International

UXPA 2023 Poster: Are virtual spaces the future of video conferencing?

UXPA International

This session walks through the concept of user roles as an alternative to personas as a means to generate and disseminate user insights for product development teams. We will describe the tools and methods used to create a research database organized by user roles, along with examples and short exercises to help attendees think through user roles within their own context. By the end of the session, attendees should be aware of tools and approaches for: Organizing user research information in a database Disseminating user role information to product and design teams Managing a user roles database as part of a long term UX Research program If you’re ready to ditch personas but don’t know how, this session is for you!

UXPA 2023: Learn how to get over personas by swiping right on user roles

UXPA International

We will present a case study that details our approach for replacing user personas with user roles for a multi-national SAAS company. We will take the audience on a journey that starts with an executive request for personas, travels through the tribulations of realizing personas suck, and concludes with convincing others to accept a new and innovative way to understand the people who use the product. Our key message is that personas lack real value for organizations that already understand the importance of empathizing with users. Building user-centered products requires easily accessible and well organized user insights. We will discuss defining users through a process of stakeholder consultation and content review, and structuring data around Jobs to Be Done and product interactions. We will also discuss the dissemination of user roles in our organization using relational databases, interactive dashboards and online wikis. Spoiler alert, our stakeholders loved user roles!

UXPA 2023: F@#$ User Personas

UXPA International

UXPA 2023 Poster: Pocket Research Guide - Empower your Solution and Foster Cu...

UXPA International

Agile Methodology refers to software design and development methodologies centered around the idea of iterative design and development, where requirements and concepts evolve through collaboration between self-organizing cross-functional teams. Thus, Agile enables teams to deliver value faster, with greater quality and predictability, and greater aptitude to respond to change. With evolving product features every design sprint, designers & researchers find it difficult to follow the design process. This sometimes leads to designs delivered in haste or sub-par design artifacts which result in UX debt. UX debt is accumulated when design teams take actions or shortcuts to expedite the delivery of a piece of functionality or a project which later needs to be refactored. It is the result of prioritizing speedy delivery of design to the development team over a perfect experience journey. Experience Maps is a great tool to practice UX in Agile as well as manage UX Debt.

UXPA 2023: Experience Maps - A designer's framework for working in Agile team...

UXPA International

UXPA 2023 Poster: Atomic Research in Practice: Using a Feedback Repository to...

UXPA International

UXPA 2023 Poster: Leveraging Dial Testing To Measure Real-Time User Frustrati...

UXPA International

How to build a UX Department from scratch, in an environment they think UX people do social media posters and posts! An agile implementation just started, and people are moving from a waterfall and ad-hoc mindset to agility. In this session, I will talk about my Journey to establish a UX Department for a company that is part of a global brand, but this local branch just started the digital transformation movement. Challenges like: spreading awareness and educating people about UX, hiring the right team, defining the right team structure, establishing workflow and day-to-day operations, and applying localization (non-western culture).

UXPA 2023: UX Enterprise Story: How to apply a UX process to a company withou...

UXPA International

I started my current job in March of 2020. Many of us remember something clearly about the month that COVID started to shut things down. I remember being surprised to hear that my new on-site-only job would be starting in my living room over zoom. How do you lead a design team when none of the team members live near each other and creativity is highly collaborative? Taking from over a decade of working in HR software, I knew whatever I did needed to put people first. That what employees love about a job is often deeper than the work, it’s the culture, the relationships and people they work with. It’s the feeling that their work has value, and their contribution matters. In this talk I will walk though some of the rituals and best practices I have learned over the last two years building a remote-first creative team.

UXPA 2023: High-Fives over Zoom: Creating a Remote-First Creative Team

UXPA International

As humans, we are biased by design. Our intricate and fascinating brains have developed shortcuts through centuries of human evolution. They reduce an unimaginable load of paralyzing decisions, keep us alive, and help us navigate this complex world. Now, these life saving biases affect how we behave with modern technology. Understanding some of the theories and reasons why these biases exist is the key to unlocking their power. In this workshop we will cover some theories around how the brain works. We will review some of our mental shortcuts, take a look at some common biases, and learn how they affect our users, our research, and our designs. Lastly we will review some advantages of biases, and ways to identify and reduce bias. This workshop is targeted for designers who do their own research, and researchers looking to learn more about removing bias from their studies.

UXPA 2023: Behind the Bias: Dissecting human shortcuts for better research & ...

UXPA International

UXPA 2023 Poster: Improving the Internal and External User Experience of a Fe...

UXPA International

UXPA 2023 Poster: 5 Key Findings from Moderated Accessibility Testing with Sc...

UXPA International

Are you new to UX management, or thinking of getting into management? Then this talk is for you. After reading countless books, attending countless trainings, mentoring and being menteed, nothing quite prepared me for management like my first year. I’ll share with you what I wish they’d told me. I’ll also share my process for generating team research roadmaps, establishing team values, keeping employees motivated, and not burning out.

UXPA 2023: Lessons for new managers

UXPA International

Join us for an interaction design case study from the automotive industry. We created a Human-Machine Interface (HMI) for a vehicle feature that provides household-levels of power in electrical outlets for our customers to use at work and play. This case study will reveal: · Our debate of re-using version 1.0’s HMI vs designing a new user interface for the electric vehicle—when to break with consistency and why? · User research we conducted to guide our early design concept. · Paper prototypes we created to support our usability testing of the concept with vehicle owners. · How we solved internal debate over the interaction design in moving from internal combustion vehicles to electric vehicles. * Advice to help you evangelize user-centered design that is also brand-centered for a new product.

UXPA 2023: Redesigning An Automotive Feature from Gasoline to Electric Vehicl...

UXPA International

Plus de UXPA International (20)