Slides from my Device Agnostic Design talk at UCD London
http://2014.ucduk.org/session/device-agnostic-design-how-to-get-your-content-to-go-anywhere/
ABSTRACT:
There was a time when we did glossy page designs and when those designs were pretty much what we saw in our desktop browsers. With the introduction and rise of smartphones, tablets, phablets there isn’t one view of our designs anymore.
Instead, what we create needs to be able to adapt in a way that is suitable for the device as well as where and how it’s being used.
With responsive design we’ve learnt the basics of how to adapt content, interactions and layouts so that it works across devices. But with further developments in technology and screens, our content is going to go anywhere. As a result we need to move away from designing for specific devices to solutions that are device agnostic. For us as UX designers this means means letting content rather than devices guide layouts, and also increasingly moving away from designing and wireframing pages to focusing on the modules that those views are made up of. But there are other aspects to consider in device agnostic design.
In this talk I walk through why device agnostic design matters, what it means and how we go about it.
Slides from my talk at Generate London on the 23 September 2016 http://www.generateconf.com/london-2016 #generateconf
ABSTRACT
There was a time when we did glossy page designs and those designs were pretty much what we saw in our desktop browsers. With the rise of smartphones, tablets and smartwatches, there isn’t one view of our designs any more.
With further developments in technology and screens, our content could go anywhere. As a result we need to move away from designing for specific devices to solutions that are device-agnostic. For UX designers that means means letting content guide layouts, and moving away from designing pages to focusing on the modules that those views are made up of.
In this talk Anna will walk through why device-agnostic design matters, what it means and how we go about it.
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD UK Ltd
Anna Dahlstrom - Device Agnostic Design: How to get your content to go anywhere
There was a time when we did glossy page designs and when those designs were pretty much what we saw in our desktop browsers. With the introduction and rise of smartphones, tablets, phablets there isn't one view of our designs anymore.
Instead, what we create needs to be able to adapt in a way that is suitable for the device as well as where and how it’s being used.
With responsive design we've learnt the basics of how to adapt content, interactions and layouts so that it works across devices. But with further developments in technology and screens, our content is going to go anywhere. As a result we need to move away from designing for specific devices to solutions that are device agnostic. For us as UX designers this means means letting content rather than devices guide layouts, and also increasingly moving away from designing and wireframing pages to focusing on the modules that those views are made up of. But there are other aspects to consider in device agnostic design.
In this talk Anna will walk through why device agnostic design matters, what it means and how we go about it.
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Anna Dahlström
Slides from my talk at UX Ireland on 10 November 2016
http://uxireland.net/sessions/index.php?session=108
Abstract:
From myths to trends and best practice, actual usage, engagement, design patterns and interactions - in this session, I will go through the insights behinds the stats and take a look at the reality behind mobile and what really matters when designing for multiple devices.
Adapting to Input — Smashing Conference NYCJason Grigsby
Responsive Web Design has forced us to accept that we don't know the size of our canvas, and we've learned to embrace the squishiness of the web. Input, it turns out, is every bit as challenging as screen size. We have tablets with keyboards, laptops that become tablets, laptops with touch screens, phones with physical keyboards, and even phones that become desktop computers.
In this session, Jason will guide you through the input landscape, showing you new forms of input like sensors and voice control, as well as new lessons about old input standbys. You'll learn the design principles necessary to build web sites that respond and adapt to whatever input people use.
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016Anna Dahlström
Slides from my talk at The Bulgaria Web Summit on 20 Feb 2016
http://bulgariawebsummit.com/
ABSTRACT
As the number of devices we use on a daily basis grows, considering each device's role at different times, situations and contexts is becoming increasingly important. Our ability to control where a user is coming from and how they get around the experiences we design is fading. Yet our need to ensure we understand where they are in their journey, so that we can deliver the right content and interactions at the right time, and on the right device, is ever more important. In this talk Anna will look a the principles behind storytelling in design and how they can be translated onto a multi device landscape to help ensure we create better multi-device experiences for our users and healthier bottom lines for our businesses.
Slides from my talk at Generate London on the 23 September 2016 http://www.generateconf.com/london-2016 #generateconf
ABSTRACT
There was a time when we did glossy page designs and those designs were pretty much what we saw in our desktop browsers. With the rise of smartphones, tablets and smartwatches, there isn’t one view of our designs any more.
With further developments in technology and screens, our content could go anywhere. As a result we need to move away from designing for specific devices to solutions that are device-agnostic. For UX designers that means means letting content guide layouts, and moving away from designing pages to focusing on the modules that those views are made up of.
In this talk Anna will walk through why device-agnostic design matters, what it means and how we go about it.
UCD14 Talk - Anna Dahlstrom - Device Agnostic Design: How to get your content...UCD UK Ltd
Anna Dahlstrom - Device Agnostic Design: How to get your content to go anywhere
There was a time when we did glossy page designs and when those designs were pretty much what we saw in our desktop browsers. With the introduction and rise of smartphones, tablets, phablets there isn't one view of our designs anymore.
Instead, what we create needs to be able to adapt in a way that is suitable for the device as well as where and how it’s being used.
With responsive design we've learnt the basics of how to adapt content, interactions and layouts so that it works across devices. But with further developments in technology and screens, our content is going to go anywhere. As a result we need to move away from designing for specific devices to solutions that are device agnostic. For us as UX designers this means means letting content rather than devices guide layouts, and also increasingly moving away from designing and wireframing pages to focusing on the modules that those views are made up of. But there are other aspects to consider in device agnostic design.
In this talk Anna will walk through why device agnostic design matters, what it means and how we go about it.
Beyond The Hamburger Menu, UX Ireland, 10 Nov 2016Anna Dahlström
Slides from my talk at UX Ireland on 10 November 2016
http://uxireland.net/sessions/index.php?session=108
Abstract:
From myths to trends and best practice, actual usage, engagement, design patterns and interactions - in this session, I will go through the insights behinds the stats and take a look at the reality behind mobile and what really matters when designing for multiple devices.
Adapting to Input — Smashing Conference NYCJason Grigsby
Responsive Web Design has forced us to accept that we don't know the size of our canvas, and we've learned to embrace the squishiness of the web. Input, it turns out, is every bit as challenging as screen size. We have tablets with keyboards, laptops that become tablets, laptops with touch screens, phones with physical keyboards, and even phones that become desktop computers.
In this session, Jason will guide you through the input landscape, showing you new forms of input like sensors and voice control, as well as new lessons about old input standbys. You'll learn the design principles necessary to build web sites that respond and adapt to whatever input people use.
Storytelling For Multi-device Design - Bulgaria Web Summit, 20 Feb 2016Anna Dahlström
Slides from my talk at The Bulgaria Web Summit on 20 Feb 2016
http://bulgariawebsummit.com/
ABSTRACT
As the number of devices we use on a daily basis grows, considering each device's role at different times, situations and contexts is becoming increasingly important. Our ability to control where a user is coming from and how they get around the experiences we design is fading. Yet our need to ensure we understand where they are in their journey, so that we can deliver the right content and interactions at the right time, and on the right device, is ever more important. In this talk Anna will look a the principles behind storytelling in design and how they can be translated onto a multi device landscape to help ensure we create better multi-device experiences for our users and healthier bottom lines for our businesses.
What the numbers tell us - Dublin Web Summit, 18 Oct 2012Anna Dahlström
Numbers on their own don't tell us much but put into context they start develop a meaning and can help us make informed decisions, guide the design and development process as well as bring aspects to life that we otherwise wouldn’t be able to see. Using data and numbers we can create meaningful connections and something to relate to. But it can also help us build experiences that surprise and delight and go further towards achieving our objectives.
No matter how much we try to put ourselves into a mobile first mentality, it is hard for us to do so fully. Our access to PCs prevents us from experiencing mobile the way many in the world do.
We're currently fighting for parity among experiences. We're arguing that the mobile version shouldn't be a dumbed down version of the desktop site.
But we've set our sights too low. In a true Mobile First world, the mobile version should be the best experience. Mobile shouldn't just match the desktop experience, it should exceed it.
Designing Around Storytelling - UCD2013, London 08 Oct 2013Anna Dahlström
Slides from my talk around storytelling in design at the UCD 2013 Conference in London http://2013.ucduk.org.
Stories have played an important part in our societies and development through history. In the last few years it's gained attention as a tool for and important aspect in communication, and rightfully so. But it's also an integral part of the design process and at UCD 2013 I talked about why as well as how we can use it, from the start, during definition and development as well as going forwards.
The Fast, The Slow and The Unconverted - Emerce Conversion 2016Andy Davies
Slides from my talk at Emerce Conversion, Amsterdam on the importance of performance(page speed) for conversion.
Explore some of the performance issues we face when relying on third-party CRO products / services
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013Anna Dahlström
Slides from my Designing for multiple devices class at General Assembly in New York on the 7th of October 2013.
The rise in smartphones and tablets has not only changed the way we consume and interact with content, but also the way we design and approach it. This class will explore the shifting of user expectations, changes in behavior and consumption patterns, and what these advancements mean for designing products across different platforms.
Takeaways:
- An understanding of how user expectations have shifted over the last few years with regards to the use of multiple devices and how this has affected behavior and consumption patterns among consumers
- The impact this has on how to approach and design products and services that will be used on multiple devices
- An overview and understanding of the difference between mobile websites vs. responsive design vs. apps and the basics of each
- Guiding principles, resources and tools to help tackle the multiple device jungle
This is a short slide show that goes throught the history of cell phone technology and how it has progressed through the mobile marketing stage into the machine it has become.
Airline digital channels: Starting the conversationmarc mcneill
What are the customer touchpoints for an airline in the future? How will customers use web 2.0 and different channels to interact with the airline, before, during and after flying? This presentation may not give all the answers, but is designed to get you thinking. Thinking in terms of customer journeys rather than cold features and functionality. http://www.dancingmango.com/blog/2009/01/13/what-is-the-storywhat-is-the-story/ for me details
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Anna Dahlström
Slides from my talk at MOBX in Berlin on 13 Sep 2014 - http://2014.mobxcon.com/
Beyond the hamburger menu - What you need to know about designing for multiple devices.
Abstract: From myths to trends and best practice, actual usage, engagement, design patterns and interactions, we’ll go through the insights behinds the stats and take a look at the reality behind mobile and what really matters when designing for multiple devices.
What the numbers tell us - Dublin Web Summit, 18 Oct 2012Anna Dahlström
Numbers on their own don't tell us much but put into context they start develop a meaning and can help us make informed decisions, guide the design and development process as well as bring aspects to life that we otherwise wouldn’t be able to see. Using data and numbers we can create meaningful connections and something to relate to. But it can also help us build experiences that surprise and delight and go further towards achieving our objectives.
No matter how much we try to put ourselves into a mobile first mentality, it is hard for us to do so fully. Our access to PCs prevents us from experiencing mobile the way many in the world do.
We're currently fighting for parity among experiences. We're arguing that the mobile version shouldn't be a dumbed down version of the desktop site.
But we've set our sights too low. In a true Mobile First world, the mobile version should be the best experience. Mobile shouldn't just match the desktop experience, it should exceed it.
Designing Around Storytelling - UCD2013, London 08 Oct 2013Anna Dahlström
Slides from my talk around storytelling in design at the UCD 2013 Conference in London http://2013.ucduk.org.
Stories have played an important part in our societies and development through history. In the last few years it's gained attention as a tool for and important aspect in communication, and rightfully so. But it's also an integral part of the design process and at UCD 2013 I talked about why as well as how we can use it, from the start, during definition and development as well as going forwards.
The Fast, The Slow and The Unconverted - Emerce Conversion 2016Andy Davies
Slides from my talk at Emerce Conversion, Amsterdam on the importance of performance(page speed) for conversion.
Explore some of the performance issues we face when relying on third-party CRO products / services
Fundamentals of Designing for Multiple Devices - GA, New York, 07 Oct 2013Anna Dahlström
Slides from my Designing for multiple devices class at General Assembly in New York on the 7th of October 2013.
The rise in smartphones and tablets has not only changed the way we consume and interact with content, but also the way we design and approach it. This class will explore the shifting of user expectations, changes in behavior and consumption patterns, and what these advancements mean for designing products across different platforms.
Takeaways:
- An understanding of how user expectations have shifted over the last few years with regards to the use of multiple devices and how this has affected behavior and consumption patterns among consumers
- The impact this has on how to approach and design products and services that will be used on multiple devices
- An overview and understanding of the difference between mobile websites vs. responsive design vs. apps and the basics of each
- Guiding principles, resources and tools to help tackle the multiple device jungle
This is a short slide show that goes throught the history of cell phone technology and how it has progressed through the mobile marketing stage into the machine it has become.
Airline digital channels: Starting the conversationmarc mcneill
What are the customer touchpoints for an airline in the future? How will customers use web 2.0 and different channels to interact with the airline, before, during and after flying? This presentation may not give all the answers, but is designed to get you thinking. Thinking in terms of customer journeys rather than cold features and functionality. http://www.dancingmango.com/blog/2009/01/13/what-is-the-storywhat-is-the-story/ for me details
Beyond The Hamburger Menu - MOBX, 13 Sep 2014Anna Dahlström
Slides from my talk at MOBX in Berlin on 13 Sep 2014 - http://2014.mobxcon.com/
Beyond the hamburger menu - What you need to know about designing for multiple devices.
Abstract: From myths to trends and best practice, actual usage, engagement, design patterns and interactions, we’ll go through the insights behinds the stats and take a look at the reality behind mobile and what really matters when designing for multiple devices.
Beyond the hamburger menu - Digital Doughnut, London 25 Nov 2014Anna Dahlström
Slides from my talk at Digital Doughnut on the 25th of November in London where I talked about 10 things you need to know about mobile.
http://events.digitaldoughnut.com/Meetups/1500/161/other/0/false
More people are using mobile platforms to access information - can your business afford to be left behind in an age of rapid digital transformation?
When once it was acceptable to be in the late majority when it came to adjusting your business to technological advancements, nowadays you have to lead the pack in order to be a viable business.
The time is 2020. The inflection point has long passed. Most web traffic is now coming from some manner of portable device. And if Google Chairman Eric Schmidt (and many others’) predictions have come true, we will have truly reached time where “…[technology] will just be seamless. It will just be there. The web will be everything, and it will be nothing. It will be like electricity.”
This presentation challenges us to think about the role of the web going forward. What steps must we take to build a world where interactions with the web are truly “seamless”? What would a seamless web even look like? How can we ensure the web remains strong amidst all the new technologies that are on the way.
Presented on September 13 in London at Generate.
Mobile UX 101 - current trends, behaviours, design considerations, common mistakes, platform choices and general advice for anyone entering the mobile design and development industry
Presented by Stephanie Rieger at Breaking Development in Dallas, April 11 2011 and Mobilism in Amsterdam, May 12, 2011.
Context is often cited as the single most important factor in design for the mobile medium. Mobile devices are of course 'mobile', but they are also small, always on, always with us, and can instantly connect us to the people we love. Mobile services must therefore be simple, social, and well-focussed--enabling us to quickly get things done on even the smallest screens.
This is all well and good, but mobile devices have changed. They may be mobile, but many have already stopped being 'phones'—nor do they resemble what we traditionally think of as computers. This presentation will explore how our use, and perception of mobile devices is changing, and how these changes may impact how we should design for them going forward.
Beyond The Hamburger Menu - UX In The City Oxford, 21 Apr 2017Anna Dahlström
Slides from my talk Beyond the Hamburger Menu at UX In The City Oxford
http://uxinthecity.net/2017/oxford/sessions/index.php?session=109
ABSTRACT
From myths to trends and best practice, actual usage, engagement, design patterns and interactions - in this session, I will go through the insights behind the stats and take a look at the reality behind mobile and what really matters when designing for multiple devices.
The web is finally coming of age with respect to increasing sophistication of the structure and presentation of visual information, the standardization of technologies to more easily create and display this information, physical devices that make this information easily accessible, and finally growing social connectivity. Presented at Rich Web Experience 2011, Ft. Lauderdale, FL.
Similar to Device Agnostic Design - UCD2014, London 25 Oct 2014 (20)
Optimising Landing Pages Through Narrative Structure - Digital Growth Unleash...Anna Dahlström
Slides from my talk at Digital Growth Unleashed in London on the 17 October 2018.
ABSTRACT
In all good stories things happen for a reason. Every prop and character that is present, every line that is spoken and song that is played has a role to play in making the story come together. In this talk Anna takes us on a journey of what we can learn from traditional storytelling methods when it comes to optimising landing pages and how narrative structure is key in ensuring we're telling the right story to the right audience, at the right time.
https://digitalgrowthunleashed.co.uk/agenda/?rmid=session57101#s-session57101
Using Storytelling to Create Experiences that Convert - Conversion Elite, Lon...Anna Dahlström
Slides from my 'Using Storytelling to Create Experience that Convert' talk at Conversion Elite on 6 June 2018
https://www.conversion-elite.co.uk/the-programme/
---
ABSTRACT
As users’ paths to conversion are becoming increasingly diverse understanding the context of our users, and the products and services we create, is ever more important. In this talk, Anna walks us through how storytelling principles and tools combined with UX and traditional conversion and optimisation approaches can be used to create better experiences for our users and healthier bottom lines for the business.
How To Use Storytelling To Craft Experiences That Engage - IIeX EU, Amsterda...Anna Dahlström
Slides from my talk at IIeX EU 2018 in Amsterdam
225331
ABSTRACT
To every great story there's a bit of magic involved. The same applies to experiences that just work and deliver the right content, interactions and notifications at the right time, and on the right device.
Drawing on tried and tested storytelling principles from film, fiction, and music and applying them to the context of UX design and business, in this talk Anna shares how we can instill a bit of magic in the work we do and thereby ensuring that we create better multi-device experiences for our users and healthier bottom lines for our businesses.
Using Storytelling To Craft Multi-device Experiences That Convert - CXL Live,...Anna Dahlström
Slides from my talk 'Using Storytelling To Craft Multi-device Experiences' at CXL Live
https://live.conversionxl.com/
ABSTRACT
As the number of devices that we use, when, where and how we use them becomes increasingly complex, understanding and optimising the experience for what matters to the specific user, at specific points in time, is ever more important. In this talk, we’ll look at how storytelling principles and tools can be used together with traditional conversion and growth optimisation approaches to create better experiences for our customers and healthier bottom lines.
The talk will cover:
✓ how storytelling in design will help you set the right KPIs and measure the right metrics
✓ how it can help you define and assess hypotheses
✓ how it can guide you to the right data and connect it back to the experience
✓ how storytelling in design can help create the right multi-device experience and content, from the beginning
Storytelling In Design - SXSW, 13 March 2017Anna Dahlström
Slides from my two talks at SXSW 2017 about my upcoming book 'Storytelling in design'.
http://schedule.sxsw.com/2017/events/PP65833
ABSTRACT
To every great story there's a bit of magic involved and so there is to experiences that just work and deliver the right content, interactions and notifications at the right time, and on the right device.
Drawing on tried and tested storytelling principles from film, fiction, and music and applying them to the context of UX design and business, in this talk Ms. Dahlstrom shares how we can instil a bit of magic in the work we do and hereby ensure that we create better multi-device experiences for our users and healthier bottom lines for our businesses.
Storytelling In Design - DXN, Nottingham, 8 Feb 2017Anna Dahlström
Slides from my talk about Storytelling In Design at Design Exchange Nottingham on 8 Feb 2017.
http://dxnevent.com/
ABSTRACT
To every great story there's a bit of magic involved and so there is to experiences that just work and deliver the right content, interactions and nudges at the right time, and on/via the right device. Drawing on tried and tested storytelling principles from film, fiction, and music and applying them to the context of UX design, in this talk Anna shares how the increasingly complex world we’re designing for is our biggest asset and how storytelling in design can help us instil a bit of everyday magic in the work we do, for our users, and for us.
Storytelling In Design - Conversion Hotel, Texel NL, 20 Nov 2016Anna Dahlström
Slides from my talk at Conversion Hotel on 20th November 2016 about how we can apply principles from traditional storytelling to our design process to help define and create better multi-device experiences.
http://conversionhotel.com/
Storytelling In Design - Funkas Tillgänglighetsdagar, 12 Apr 2016Anna Dahlström
Slides from my talk at Funkas Tillgänglighetsdagar 12 April 2016
http://www.funka.com/vi-erbjuder/funkas-tillganglighetsdagar/
ABSTRACT
As the number of devices we use on a daily basis grows, considering each device's role at different times, situations and contexts is becoming increasingly important. Our ability to control where a user is coming from and how they get around the experiences we design is fading. Yet our need to ensure we understand where they are in their journey, so that we can deliver the right content and interactions at the right time, and on the right device, is ever more important. In this talk I will look a the principles behind storytelling in design and how they can be translated onto a multi device landscape to help ensure we create better multi-device experiences for our users and healthier bottom lines for our businesses.
Storytelling In A Multi Device Landscape - Amuse, Budapest 30 Oct 2015Anna Dahlström
Slides from my talk at the Amuse conference in Budapest 28 - 30 October 2015. http://amuseconf.com/ #amuseconf
ABSTRACT
As the number of devices we use are increasing, considering each device's role at different times, situations and context is becoming increasingly important. Our ability to control where a user is coming from and how they get around the experiences we design are becoming less and less. But the one we can still understand is what a user wants, and needs. In this talk I will look a the principles behind storytelling in design and how they can be translated onto a multi device landscape.
Designing Around Storytelling - Breaking Borders, Reading 18 August 2015Anna Dahlström
Slides from my talk at Breaking Borders on the 18 August. http://breakingborde.rs/past-events/engagement/
Storytelling has always played an important part in our societies throughout history. In the last few years it's gained attention as an important aspect in communicating and building engagement with a brand’s customer base. But storytelling is also an integral part of the design process. It’s a tool that not only can help us define our content and messaging, but the experience as a whole. Both across platforms and screens, and how we interact with it.
Responsivt - Inte bara för mobilen + Webbdagarna Växjö, 04 Dec 2014Anna Dahlström
Slides from my talk at Webbdagarna Växjö on the 4 December 2014.
http://www.webbdagarna.se/vaxjo-2014/program
Video (in Swedish): http://internetworld.idg.se/2.1006/1.600683/responsivt---inte-bara-for-mobilen
Abstract:
Responsiv design ses av många som ett sätt att anpassa sina sajter till att användare surfar på mobilen eller surfplattan. Men responsivt är mycket mer än så. Det är ett sätt att framtidssäkra sina digitala tjänster för en framtid med nya enheter av alla olika storlekar.
Slides from my talk at Cambridge Usability Group on the 12th of May 2014
http://www.eventbrite.co.uk/e/designing-better-ux-deliverables-tickets-11542298325
Needing to produce some kind of deliverables throughout a project is inevitable: it might be user research reports to inform senior stakeholder; usability test results to communicate to developers; sketches and wireframes to pass on to web designers.
Just as we make the products and services we design easy to use, the UX of UX is about communicating your thinking in a way that ensures that what you've defined is easy to understand for the reader. It's about adapting the work you do to the project in question and finding the right balance of making people want to look through your work whilst not spending unnecessary time on making it pretty.
Designing around storytelling - UX Oxford, 23 April 2014Anna Dahlström
Slides from my talk at UX Oxford on 23 April
http://www.meetup.com/UX-Oxford/events/172543682/
Storytelling has always played an important part in our societies throughout history. In the last few years it's gained attention as an important aspect in communicating and building engagement with a brand’s customer base. But storytelling is also an integral part of the design process. It’s a tool that not only can help us define our content and messaging, but the experience as a whole. Both across platforms and screens, and how we interact with it.
Best Practice For UX Deliverables - Eventhandler, London, 05 March 2014Anna Dahlström
TAKE THIS WORKSHOP ONLINE & GET 20% OFF WITH CODE 'SLIDESHARE'
https://school.uxfika.co/p/best-practice-for-ux-deliverables/?product_id=325265&coupon_code=SLIDESHARE
---
Slides from my 'Best practice for UX deliverables' workshop that I ran for Eventhandler in London on the 05th of March 2014.
http://www.eventhandler.co.uk/events/uxnightclass-uxdeliverables3
---
Please note that for copyright reasons & client privacy the examples in this presentation are slightly different than from the workshop. The examples included are for reference only in terms of what I talked through in the 'Good examples' section.
-----
ABSTRACT
Whilst the work we do is not meant to be hanged on a wall for people to admire, nor is meant to be put in a drawer and forgotten about. Just as we make the products and services we design easy to use, the UX of UX is about communicating your thinking in a way that ensures that what you've defined is easy to understand for the reader. It's about adapting the work you do to the project in question and finding the right balance of making people want to look through your work whilst not spending unnecessary time on making it pretty.
Who is it for?
This workshop is suitable for anyone starting out in UX, or who's worked with it for a while but is looking to improve the way they present their work.
What you'll learn
In this hands on workshop we'll walk through real life examples of why the UX of UX deliverables matter. We'll cover how who the reader is effects the way we should present our work, both on paper and verbally, and how to ensure that the work you do adds value. Coming out of the workshop you'll have practical examples and hands on experience with:
// How to adapt and sell your UX deliverable to the reader (from clients, your team, in house and outsourced developers)
// Guiding principles for creating good UX deliverables (both low and high fidelity)
// Best practice for presentations, personas, user journeys, flows, sitemaps, wireframes and other documents
// Simple, low effort but big impact tools for improving the visual presentation of your UX deliverables
Selling UCD - how to get buy-in & measure the value - Eventhandler, London 26...Anna Dahlström
Slides from my Eventhandler workshop on 26th of February about how to get buy-in for UCD and measure the value of UX initatives.
http://www.eventhandler.co.uk/events/uxnightclass-sellingucd
Designing Around Storytelling - Digital Pond, London 06 Feb 2014Anna Dahlström
Slides from my talk around storytelling in design at the Digital Pond meet up on 06 Feb 2014
http://www.meetup.com/The-Digital-Pond/events/159211742/
Stories have played an important part in our societies and development through history. In the last few years it's gained attention as a tool for and important aspect in communication, and rightfully so. But it's also an integral part of the design process and at the Digital Pond I talked about why as well as how we can use it, from the start, during definition and development as well as going forwards.
Three part series: Designing for multiple devices - GA, London, 20 Jan 2014Anna Dahlström
Slides from my three-part series Designing for Multiple Devices class run on the 20th of January with General Assembly in London.
The rise in mobiles and tablets have not only changed the way we consume and interact with content, but also the way we design and what we base our design approach on.
This series of classes will cover how user expectations as well as behaviour and consumption patterns have shifted—and what that means for designing products that will be used on multiple devices. Coming out of these classes, you'll be equipped with the essential principles and tools to tackle the multiple device jungle.
Three part series: Designing for multiple devices - GA, London, 26 Nov 2013Anna Dahlström
Slides from my three-part series Designing for Multiple Devices class run in one evening on the 26th of November with General Assembly in London.
https://generalassemb.ly/education/designing-for-multiple-devices-3-part-series
The rise in mobiles and tablets have not only changed the way we consume and interact with content, but also the way we design and what we base our design approach on.
This series of classes will cover how user expectations as well as behaviour and consumption patterns have shifted—and what that means for designing products that will be used on multiple devices. Coming out of these classes, you'll be equipped with the essential principles and tools to tackle the multiple device jungle.
Best Practice For UX Deliverables - Eventhandler, London, 22 Oct 2013Anna Dahlström
TAKE THIS WORKSHOP ONLINE & GET 20% OFF WITH CODE 'SLIDESHARE'
https://school.uxfika.co/p/best-practice-for-ux-deliverables/?product_id=325265&coupon_code=SLIDESHARE
---
Slides from my 'Best practice for UX deliverables' workshop that I ran for Eventhandler in London on the 22nd of October.
http://www.eventhandler.co.uk/events/uxnightclass-uxdeliverables
---
Please note that for copyright reasons & client privacy the examples in this presentation are slightly different than from the workshop. The examples included are for reference only in terms of what I talked through in the 'Good examples' section.
-----
ABSTRACT
Whilst the work we do is not meant to be hanged on a wall for people to admire, nor is meant to be put in a drawer and forgotten about. Just as we make the products and services we design easy to use, the UX of UX is about communicating your thinking in a way that ensures that what you've defined is easy to understand for the reader. It's about adapting the work you do to the project in question and finding the right balance of making people want to look through your work whilst not spending unnecessary time on making it pretty.
Who is it for?
This workshop is suitable for anyone starting out in UX, or who's worked with it for a while but is looking to improve the way they present their work.
What you'll learn
In this hands on workshop we'll walk through real life examples of why the UX of UX deliverables matter. We'll cover how who the reader is effects the way we should present our work, both on paper and verbally, and how to ensure that the work you do adds value. Coming out of the workshop you'll have practical examples and hands on experience with:
// How to adapt and sell your UX deliverable to the reader (from clients, your team, in house and outsourced developers)
// Guiding principles for creating good UX deliverables (both low and high fidelity)
// Best practice for presentations, personas, user journeys, flows, sitemaps, wireframes and other documents
// Simple, low effort but big impact tools for improving the visual presentation of your UX deliverables
White wonder, Work developed by Eva TschoppMansi Shah
White Wonder by Eva Tschopp
A tale about our culture around the use of fertilizers and pesticides visiting small farms around Ahmedabad in Matar and Shilaj.
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
Expert Accessory Dwelling Unit (ADU) Drafting ServicesResDraft
Whether you’re looking to create a guest house, a rental unit, or a private retreat, our experienced team will design a space that complements your existing home and maximizes your investment. We provide personalized, comprehensive expert accessory dwelling unit (ADU)drafting solutions tailored to your needs, ensuring a seamless process from concept to completion.
Device Agnostic Design - UCD2014, London 25 Oct 2014
1. Device Agnostic Design
How to get your content to go anywhere
by Anna Dahlström | @annadahlstrom
UCD London, 25 Oct 2014 #UCD14
Image courtesy of Shutterstock
2. Before 2007 we mostly
thought about pages
www.flickr.com/photos/activeside/2192411612
3. That was when browsers
were our biggest head ache
www.flickr.com/photos/jorgeq82/4732700819
4. Today it’s browers &
a whole bunch of devices
www.flickr.com/photos/adactio/12674602864
5. “ For the first time ever
there are more gadgets in the
world than there are people. ”
- Source: Independent
http://www.businessinsider.com/vatican-square-2005-and-2013-2013-3
7. “ We have seen 18,769 distinct devices
download our app in the past few months.
In our report last year we saw 11,868. ”
Android fragmentation, Screenshot from OpenSignal http://opensignal.com/reports/2014/android-fragmentation/
- Source: Open Signal
8. We go online
everywhere and anywhere
www.flickr.com/photos/luigimengato/5963540855
9. …and these
are the game changers
https://www.flickr.com/photos/jfingas/10104822523
13. “ Today’s popular devices aren’t tomorrow's so
building something which works on any device is better than
building something which works on today’s devices. ”
https://www.flickr.com/photos/jfingas/10104822523
- Combined wise words from @oneextrapixel & @trentwalton
!
!
!
!
!
!
17. An evolvement of
responsive design
www.flickr.com/photos/adactio/5818096043
18. FULL WEBSITE
FULL
WEBSITE
FULL
WEBSITE
Responsive sites have the same url
& is basically “one site”
http://desktopwallpaper-s.com/19-Computers/-/Future
19. DESKTOP
FULL WEBSITE
BESPOKE
CUT DOWN
WEBSITE
BESPOKE
CUT DOWN
WEBSITE
Bespoke mobile sites have a separate url
& means maintaining different sites
http://desktopwallpaper-s.com/19-Computers/-/Future
26. This is NOT
what a mobile user looks like
Image courtesy of Shutterstock
27. Mobile Search MoMentS
UnderStanding how Mobile driveS converSionS
Mobile search is always on, happening
on the go, at home and at work
of mobile searches
occur at home or
work; 17% on the go 77%
0RELOHVHDUFKHVDUHVWURQJOWLHGWRVSHFLȴFFRQWH[WV
Shopping queries are 2x more likely to be in store
Mobile searches drive valuable
outcomes for businesses
3 of 4 mobile searches
trigger follow-up actions
Actions triggered by mobile search
also happen very quickly
of conversions (store visit,
phone call or purchase)
happening within an hour 55%
On average, each mobile search triggers
nearly 2 follow-up actions
Product shopping searches have a
higher number of outcomes
Number of follow-up actions per mobile search
3.56 2.52 2.08
2.20 2.07
Beauty Auto Travel Food Tech
36%
Continued
Research
18%
Shared Information
17%
Made a Purchase
25%
Visited a Retailer’s
Website
17%
Visited a Store
7%
Called a Business
77% of mobile searches
occur at home or work
17% of mobile searches
occur on the go
Source: http://www.thinkwithgoogle.com/infographics/creating-moments-that-matter-infographic.html
29. We switch between
them throughout the day
Morning Commute Work Lunch Meeting Dinner Movie
30. A poor experience results in
the same thing where ever it takes place
www.flickr.com/photos/sixmilliondollardan/2493495506
31. Users expect an equal continuous
experience across devices
www.flickr.com/photos/joachim_s_mueller/7110473339
32. Having separate sites
does, for the most part, not make sense
DESKTOP
FULL WEBSITE
BESPOKE
CUT DOWN
WEBSITE
BESPOKE
CUT DOWN
WEBSITE
http://desktopwallpaper-s.com/19-Computers/-/Future
33. Bespoke mobile sites: Different sites
based on the device that’s used
DESKTOP
FULL WEBSITE
BESPOKE
CUT DOWN
WEBSITE
BESPOKE
CUT DOWN
WEBSITE
http://desktopwallpaper-s.com/19-Computers/-/Future
34. Responsive sites: The same site
irrespectively of the device
FULL WEBSITE
FULL
WEBSITE
FULL
WEBSITE
http://desktopwallpaper-s.com/19-Computers/-/Future
35. http://foundation.zurb.com/docs/layout.php
“ Design development
should respond to the user’s
behaviour environment based
on screen size, platform
orientation. [It’s]...a mix of
flexible grids layouts, images
an intelligent use of media
queries. ”
- Smashing Magazine
36. It’s all about
the modules baby
www.flickr.com/photos/donsolo/2136923757/
37. Define your content stacking strategy
across devices orientation.
www.thismanslife.co.uk/projects/lab/responsivewireframes/#desktop/
38. Define your content stacking strategy
across devices orientation.
www.thismanslife.co.uk/projects/lab/responsivewireframes/#desktop/
39. Define your content stacking strategy
across devices orientation.
www.thismanslife.co.uk/projects/lab/responsivewireframes/#desktop/
sizes
53. Content layer
rich semantic HTML markup
Presentation layer
CSS and styling
Client-side scripting layer
JavaScript or jQuery behaviors
54. www.thegrid.io
“ To get response times to a
minimum, we’ve had to develop a
system that loads in just the
essential components of the page
at the right times.
Mobile-sized images download first,
then when the page’s Javascript
detects the browser’s capabilities,
higher-resolution images get
‘loaded in dynamically.’ ”
- Andrew Pipe, BBC iWonder
56. Mobile context ≠ mobile use case
The latter is about the task, the former about
the total sum of the user’s mobile experience
www.flickr.com/photos/icedsoul/2486885051
57. “ I used to think it merely dealt with basing responsive
breakpoints on content rather than particular devices, but there’s
more to devices than the size of their screens. ”
Image courtesy of Shutterstockwww.flickr.com/photos/jmsmith000/3169546564
- Trent Walton, Device Agnostic
58. “ A device-agnostic approach also takes
into account infinite combinations of screen resolution, input
method, browser capability, and connection speed. ”
www.flickr.com/photos/lokan/88w4w34w6.f4li8ck5r2.com/photos/jmsmith000/3169546564
- Trent Walton, Device Agnostic
70. http://foundation.zurb.com/docs/layout.php
“ Your users get to decide
how, when, and where they
want to read your content.
It is your challenge and your
responsibility to deliver a good
experience to them. ”
- Karen McGrane
72. How do we design something that can work on any device?
73. www.thegrid.io
“ The design adjusts to look
good on every browser and
every device. Automatically.”
- The Grid
74. It all starts
with content
www.flickr.com/photos/grimsanto/751075283/photos/carlosfpardo/6791950592
75. Less about pages more focus on
the building blocks that make up those views
www.flickr.com/photos/boltofblue/4418442567
76. Gone is the big reveal of the
beautiful page designs
www.flickr.com/photos/nataliejohnson/377344806
77. It’s about views that will look good,
work well, across different browsers, screen
sizes, device types, connections input methods
www.flickr.com/photos/jorgeq82/4732700819 www.flickr.com/photos/adactio/6153481666
79. 1. Understand content content stacking strategy
2. Approach design as systems of modules
3. Use content rather than device based breakpoints
80. http://foundation.zurb.com/docs/layout.php
“ With thousands and
thousands of pages on the
Crayola site, it wasn’t efficient to
wireframe every single page and
state.
We created a system of
components that could be
assembled in different
configurations to accommodate
the unique content needed for
each type of page. ”
- Daniel Mall
Screenshot: www.crayola.co.uk/
81. The more you reuse, the less modules
there will be to design, define develop
www.flickr.com/photos/boltofblue/4418442567
82. Essential for preventing
ending up with too many pieces
www.flickr.com/photos/akrabat/9085299639
84. Define views key templates
Home Categories Product listing Product page
Header Nav
Header Nav
Filter search
Features
Products
Footer
Featured categories
Featured products
Footer
Header Nav
Categories
Footer
Header Nav
Gallery
Descrip-tion
Additional info
Related products
Footer
86. Home - large
Header Nav
Features
Featured categories
Featured products
Footer
1 Header Nav
2
Features
3
Category
4 Category
6
Categ
11 Footer
6
Categ
10
Prod
9
Prod
8
Prod
7
Prod
Home - small
1 Header Nav
2
Features
3 Category
4
Categ
5
Categ
6
Product
7
Product
8
Product
9
Product
10 Footer
Header Nav
Features
Featured
categories
Featured
products
Footer
Do the same across screen sizes
87. Break down each module into elements
Home - large
Header Nav
Features
Featured categories
Featured products
Footer
1 Header Nav
2
Features
3
Category
4 Category
6
Categ
11 Footer
6
Categ
10
Prod
9
Prod
8
Prod
7
Prod
1 Header Nav
2
Features
3 Category
4
Categ
5
Categ
6
Product
7
Product
8
Product
9
Product
10 Footer
Header Nav
Features
Footer
Home - small
Featured
categories
Featured
products
90. Start identifying your building blocks variations
Views Modules
Feature - large Feature - small
Home - large Home - small
91. Start identifying your building blocks variations
Views Modules
Feature - large Feature - small
Home - large Home - small
92. Start identifying your building blocks variations
Views Modules
Feature - large Feature - small
Featured products - large Featured products - small
Home - large Home - small
93. Start identifying your building blocks variations
Views Modules
Feature - large Feature - small
Featured products - large Featured products - small
Home - large Home - small
94. Start identifying your building blocks variations
Feature - large Feature - small
Featured products - large
Single product - large
Featured products - small
Single product- small
Views Modules
Home - large Home - small
95. Iterate refine across views key templates
Home Categories Product listing Product page
Header Nav
Header Nav
Filter search
Features
Products
Footer
Featured categories
Featured products
Footer
Header Nav
Categories
Footer
Header Nav
Gallery
Descrip-tion
Additional info
Related products
Footer
96. Iterate refine across views key templates
Home Categories Product listing Product page
Header Nav
Header Nav
Filter search
Features
Products
Footer
Featured categories
Footer
Header Nav
Categories
Footer
Header Nav
Gallery
Descrip-tion
Additional info
Related products
10
Prod
9
Prod
8
Prod
7
Prod
Footer
97. Iterate refine across views key templates
Home Categories Product listing Product page
Header Nav
Header Nav
Filter search
Features
Products
Footer
Featured categories
Footer
Header Nav
Categories
Footer
Header Nav
Gallery
Descrip-tion
Additional info
Related products
Footer
98. Iterate refine across views key templates
Home Categories Product listing Product page
Header Nav
Header Nav
Filter search
Features
Products
Footer
Featured categories
Footer
Header Nav
Categories
Footer
Header Nav
Gallery
Descrip-tion
Additional info
7
Prod
6
Prod
5
Prod
4
Prod
Footer
99. Iterate refine across views key templates
Home Categories Product listing Product page
Header Nav
Header Nav
Filter search
Features
Products
Footer
Featured categories
Footer
Header Nav
Categories
Footer
Header Nav
Gallery
Descrip-tion
Additional info
Footer
100. Iterate refine across views key templates
Home Categories Product listing Product page
Header Nav
Header Nav
Filter search
Features
Footer
Featured categories
Footer
Header Nav
Categories
Footer
Header Nav
Gallery
Descrip-tion
Additional info
Footer
6
Prod
5
Prod
4
Prod
3
Prod
10
Prod
9
Prod
8
Prod
7
Prod
14
Prod
13
Prod
12
Prod
11
Prod
18
Prod
17
Prod
16
Prod
15
Prod
101. Iterate refine across views key templates
Home Categories Product listing Product page
Header Nav
Header Nav
Filter search
Features
Footer
Featured categories
Footer
Header Nav
Categories
Footer
Header Nav
Gallery
Descrip-tion
Additional info
Footer
6
Prod
5
Prod
4
Prod
10
Prod
9
Prod
8
Prod
7
Prod
14
Prod
13
Prod
12
Prod
11
Prod
18
Prod
17
Prod
16
Prod
15
Prod
102. Iterate refine across views key templates
Home Categories Product listing Product page
Header Nav
Header Nav
Filter search
Features
Footer
Featured categories
Footer
Header Nav
Categories
Footer
Header Nav
Gallery
Descrip-tion
Additional info
Footer
103. Gradually build your module library
Feature - large Feature - small
1
3
4
Featured products - large Featured products - small
Also used for:
• Module REL01 - Related products
Single product - large Single product- small
1
2
3
1
2
1
2
3
4
2
3
1
2
3
1
2
1
1
104. Gradually build your module library
Feature - large Feature - small
1
3
4
Featured products - large Featured products - small
Also used for:
• Module REL01 - Related products
Single product - large Single product- small
1
2
3
1
2
1
2
3
4
2
3
1
2
3
1
2
1
1
105. Work with breakpoints tweakpoints,
focus on content layout EMS instead of px
www.slideshare.net/yiibu/pragmatic-responsive-design
106. http://foundation.zurb.com/docs/layout.php
“ Building a content-aware
grid is a simple matter of
choosing the layout patterns
that you want, based on
breakpoints that you set
according to page content. ”
- Thierry Koblentz, Device-Agnostic Approach To Responsive Web Design
107. Look at what’s suitable for your content
best practice for layout principles
www.flickr.com/photos/visualpunch/7351572896
108. Basing breakpoints on
screen sizes is a temporary
work around
www.flickr.com/photos/gozalewis/3249104929
109. It enforces the idea that
(responsive) design is about devices. It’s not.
www.flickr.com/photos/adactio/6153481666
110. Opt for fluid as
much possible
http://foundation.zurb.com/docs/layout.php
111. Work with your module library and templates
Home - large
Header Nav
Features
Featured categories
Featured products
Footer
1 Header Nav
2
Features
3
Category
4 Category
6
Categ
11 Footer
6
Categ
10
Prod
9
Prod
8
Prod
7
Prod
1 Header Nav
2
Features
3 Category
4
Categ
5
Categ
6
Product
7
Product
8
Product
9
Product
10 Footer
Header Nav
Features
Footer
Home - small
Featured
categories
Featured
products
113. Image courtesy of Shutterstock
“ Every responsive design project
is also a content strategy project. ”
- Karen McGrane
114. How we approach it
depends…
www.flickr.com/photos/75905404@N00/7126146307
115. Brand Aim of experience Info or task
High level IA UX deliverables Detailed
Less formal UX deliverables but
more creatively led
UX led with more formal
extensive IA UX deliverables
Extensive Experience in visual design team Limited
Source: Mark Bell, Dare
116. We have to work together across disciplines, with clients
117. Device agnostic design means
giving up some control to ensure it works
for as many devices as possible
www.flickr.com/photos/byte/8282578241
118. Ensuring that we do what’s best for
our clients, our users us as a company
www.flickr.com/photos/stickkim/7491816206
124. Screenshot: Screenshot: http://www.apple.com/uk/
“
A
n
d
ju
s
t a
s
the first wave of desktop apps ported to
mobile were underwhelming and replaced by mobile-first
applications, so will companies quickly realize that it isn’t
just a new screen but a brand-new platform. ”
- Source: Techcrunch