Slides from Erik von Stackelberg, Creative Director at Myplanet Digital. Presented at the 2012 Drupal Business Summits in Toronto, Chicago & NYC.
www.myplanetdigital.com
www.drupalbusinesssummit.com
The document contains sale listings for several 2014 Ford vehicles including the Fusion Titanium, Edge SEL, F150 XLT, Focus SE, Escape Titanium, and Hybrid Fusion. It provides the MSRP and sale price for each vehicle and encourages calling the provided number to schedule a test drive.
Welcome 2016 in a New Ford Find Your New Ford in Yarmouth MaineCasco_Bay_Ford
Casco Bay Ford Showing All the New Ford Models for 2016. Focus, Fiesta, Fusion, C-Max, Edge, Escape, Explorer, Taurus, Expedition, Flex, Transit Wagon, Ford F-150, Ford F-250, Ford F-350 and the Ford GT
Capturing Community (Michael Silverman, Duo Consulting)myplanetsteph
Slides from Michael Silverman, Founder & CEO of Duo Consulting. Presented at the 2012 Drupal Business Summits in Toronto, Chicago & NYC.
www.duoconsulting.com
www.drupalbusinesssummit.com
This document contains a list of proposed new pages and content for the museum's website, organized by section. It includes proposed pages for galleries, exhibitions, and hands-on galleries. For each item, it provides the proposed page URL, existing content, whether the content is new, estimated priority level, word count estimate, and notes. Marketing will be involved in content development for some of the gallery pages.
Getting The Most Out of Open Source and Drupal (Michael Meyers, Acquia)myplanetsteph
This document discusses how organizations can maximize their return on investment from open source software like Drupal. It introduces Large Scale Drupal, a new program launched by Acquia to help large Drupal users get more value through community participation, collaborative development projects, and knowledge sharing. The program aims to reduce costs by having members work on common problems together and release solutions for broader adoption. Examples of upcoming collaborative projects address content staging and configuration management needs.
DataPublic: Building Drupal-Powered Open Government (Nik Garkusha, Microsoft ...myplanetsteph
Slides from Nik Garkusha, Open Platforms Lead at Microsoft Canada. Presented at the 2012 Toronto Drupal Business Summit.
www.webnotwar.ca
www.drupalbusinesssummit.com
Adaptive Content: Designing For The Unknownmyplanetsteph
This document discusses the importance of designing content to be adaptive and responsive. It recommends structuring content into chunks and using metadata to make it flexible across different devices and contexts. Content should be technology agnostic and created in a way that embraces changes in how users consume information. The content management system should also be designed to support structured content and adaptive workflows. This approach enables content to meet changing user needs and be ready for any context.
The document contains sale listings for several 2014 Ford vehicles including the Fusion Titanium, Edge SEL, F150 XLT, Focus SE, Escape Titanium, and Hybrid Fusion. It provides the MSRP and sale price for each vehicle and encourages calling the provided number to schedule a test drive.
Welcome 2016 in a New Ford Find Your New Ford in Yarmouth MaineCasco_Bay_Ford
Casco Bay Ford Showing All the New Ford Models for 2016. Focus, Fiesta, Fusion, C-Max, Edge, Escape, Explorer, Taurus, Expedition, Flex, Transit Wagon, Ford F-150, Ford F-250, Ford F-350 and the Ford GT
Capturing Community (Michael Silverman, Duo Consulting)myplanetsteph
Slides from Michael Silverman, Founder & CEO of Duo Consulting. Presented at the 2012 Drupal Business Summits in Toronto, Chicago & NYC.
www.duoconsulting.com
www.drupalbusinesssummit.com
This document contains a list of proposed new pages and content for the museum's website, organized by section. It includes proposed pages for galleries, exhibitions, and hands-on galleries. For each item, it provides the proposed page URL, existing content, whether the content is new, estimated priority level, word count estimate, and notes. Marketing will be involved in content development for some of the gallery pages.
Getting The Most Out of Open Source and Drupal (Michael Meyers, Acquia)myplanetsteph
This document discusses how organizations can maximize their return on investment from open source software like Drupal. It introduces Large Scale Drupal, a new program launched by Acquia to help large Drupal users get more value through community participation, collaborative development projects, and knowledge sharing. The program aims to reduce costs by having members work on common problems together and release solutions for broader adoption. Examples of upcoming collaborative projects address content staging and configuration management needs.
DataPublic: Building Drupal-Powered Open Government (Nik Garkusha, Microsoft ...myplanetsteph
Slides from Nik Garkusha, Open Platforms Lead at Microsoft Canada. Presented at the 2012 Toronto Drupal Business Summit.
www.webnotwar.ca
www.drupalbusinesssummit.com
Adaptive Content: Designing For The Unknownmyplanetsteph
This document discusses the importance of designing content to be adaptive and responsive. It recommends structuring content into chunks and using metadata to make it flexible across different devices and contexts. Content should be technology agnostic and created in a way that embraces changes in how users consume information. The content management system should also be designed to support structured content and adaptive workflows. This approach enables content to meet changing user needs and be ready for any context.
The document summarizes a presentation titled "Beyond Media Queries" which was presented by Verne Ho, Jet Cooper, Paul Laberge, Rick Mason, and Erik von Stackelberg. It discusses responsive design, networked device ecosystems, and provides contact information for the presenters.
This document provides information on warranty coverage and a vehicle inspection from Casco Bay Ford. It offers a 7-year/100,000 mile powertrain limited warranty and a 172-point inspection of the vehicle conducted by factory-trained technicians at Casco Bay Ford. The inspection and warranty coverage are intended to provide peace of mind for the vehicle owner.
Case Study: Drupal Enabled Mobile -Ontario Physical Health Education Associat...myplanetsteph
Slides from Andrew McClenaghan, Owner & Lead Consultant at Digital Echidna. Presented at the 2012 Drupal Business Summit in Toronto.
www.echidna.ca
www.drupalbusinesssummit.com
The objective of this thesis, which was presented through floorplans, sections, elevations, and renderings, was to see how incorporating retrofitting into downtown Greensboro, NC would bring economic growth and development through architectural redevelopment. By taking an existing building and changing its function from retail/residential to commercial/ residential, the building would combine Greensboro’s flourishing arts culture and surrounding educational institutions.
This document analyzes travel sharing behavior on social media. It finds that 10% of users share travel content, generating 40% more engagement than other content. Travel planning generates the most sharing, with 19% of planners sharing and clicking 25 times on average. Popular shared topics include budget travel, airfare, and hotels, while international destinations like the UK and Australia see the most activity. Sharing peaks seasonally before holidays. Millennials and women drive most travel sharing.
Ford Certified Vehicle 172 point inspection Casco_Bay_Ford
This 4-page Ford vehicle inspection checklist documents a 172-point inspection of a vehicle. The inspection covers the vehicle's exterior, interior, underhood, underbody, diagnostics, and hybrid components (if applicable). Any items that did not pass inspection have been replaced or repaired. Technicians and managers sign the document to certify that all mechanical and appearance standards have been met.
El documento describe el paradigma de programación orientada a objetos (POO). Explica que POO se centra en objetos y sus interacciones. Define conceptos clave como clase, objeto, evento, abstracción, encapsulamiento, polimorfismo y herencia. Finalmente, proporciona enlaces a infografías adicionales sobre POO.
This document provides the 2012 racing schedule for New England Dragway in Epping, NH. It lists all the events from April through October, including test and tune sessions, street nights, racing series, and special events like Chevy Fest and Import Wars. Universal Technical Institute Street Night is held most Wednesdays, while other events include racing competitions, car shows, and nighttime exhibitions featuring funny cars, jets, and wheelstanders.
Casco Bay Ford Presidents Month Sale Featuring the Ford F-150Casco_Bay_Ford
Sit back and enjoy seeing all the Lariat, Platinum, FX4, King Ranch, XLT, STX, XL Ford F-150's in all colors, regular Cab, Super Cab and Crew Cab Styles. If you want to relax while shopping for a Ford F-150 then visit Casco Bay Ford where it really is all about you
UX & UI Design behind SDL’s Customer Experience CloudPhilipp Engel
This slide deck illustrates the journey SDL’s user experience design community went through over the course of the last few years. As part of that process, UX design thinking proved to be an invaluable transformational element and an innovational catalyst in transforming a set of disconnected and separate products into one consistent service offering, the SDL Customer Experience Cloud. More at http://www.sdl.com/cxc
Raphaël de Robiano founded Ergonline, a Belgian UX agency, in 2013. Ergonline offers various UX services including innovation workshops, user behavior analysis, customer journey definition, wireframing, prototyping, user testing, conversion rate optimization, UI design, and responsive development. The presentation covered trends in UX like designing for multiple devices using a mobile-first approach, personalized experiences, microinteractions, gamification best practices, surprising elements, onboarding, and empty states. It emphasized designing for usability and the user experience.
The document provides an overview of user experience (UX) design from Ali Rushdan Tariq, a UX designer. It discusses the history and evolution of UX design. It then outlines Tariq's 11 characteristics of good UX designers, which include trying to solve problems, caring more about experiences than visuals, understanding context, empathizing with stakeholders, trying things iteratively, adapting processes, constantly learning, being fearless, making themselves valuable, keeping up with trends without distraction, and putting human needs first. The document concludes with additional recommended resources for learning more about UX design.
The document discusses user experience (UX) and its importance in software development. It defines UX as the overall experience a user has when interacting with a product. The document outlines various UX competencies like information architecture, interaction design, and usability testing. It emphasizes designing software with a user-centered approach to ensure it is useful, usable and desirable. It also provides guidance on incorporating UX practices into .NET development.
Demystifying Decoupled Drupal for Developers & Content AuthorsRachel Wandishin
Today, with the diversity of customer experiences, developers require a WCM that provides flexibility and creativity in display output, and the ability to build innovative experiences that take advantage of diverse front-ends (i.e. JavaScript frameworks and libraries).
Join our session to learn how Acquia’s WCM, Drupal, delivers universal content flexibility — providing the greatest creative flexibility to front-end developers and content authors to build content-rich experiences for any channel, device or mode of interaction.
We’ll cover how the Acquia platform supports decoupled Drupal architectures and how you might use Drupal in three different modes that cover the “best of all worlds” - traditional, decoupled, and progressively decoupled WCM. As a result, developers have full flexibility and creativity, and content creators have full content management control - only Drupal provides this flexibility to all stakeholders.
During this webinar, we will investigate the following topics:
- An intro to decoupled Drupal concepts, options & supported features
- Decoupled Drupal best practices and trade offs
- Acquia customer case studies using decoupled Drupal
- Decoupled Drupal improvements and upcoming releases
This document discusses various user interface design patterns seen on popular websites. It begins by defining UI design patterns and how they should be used to solve common user problems rather than just copied. It then covers patterns related to responsive design for multiple devices, touch screen interactions, and various ways to get user input through forms, tagging, flagging content, and conversational interfaces.
This document discusses integrating user experience (UX) design and research methods into an agile development process. It provides an overview of agile and UX philosophies, noting differences but also opportunities for them to work together. Key challenges include the unclear role of UX in agile and insufficient time for conceptual exploration. Suggested approaches are to integrate UX into each sprint or use parallel tracks. UX methods also need adjustments like staying one sprint ahead and focusing research.
Mobile Applications Development - Lecture 3
User-Centered Design
Information Architecture (sitemaps, wireframes, ...)
UI Design
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
The Role of UX in Product Development
What Is UX?
Who Owns UX?
Barriers to Shared Ownership of UX
Working with Multidisciplinary Teams
Defining Product Goals
Conceptualizing and Communicating Design Solutions
Supporting Your Development Team
What Is the Value of UX?
The document summarizes a presentation titled "Beyond Media Queries" which was presented by Verne Ho, Jet Cooper, Paul Laberge, Rick Mason, and Erik von Stackelberg. It discusses responsive design, networked device ecosystems, and provides contact information for the presenters.
This document provides information on warranty coverage and a vehicle inspection from Casco Bay Ford. It offers a 7-year/100,000 mile powertrain limited warranty and a 172-point inspection of the vehicle conducted by factory-trained technicians at Casco Bay Ford. The inspection and warranty coverage are intended to provide peace of mind for the vehicle owner.
Case Study: Drupal Enabled Mobile -Ontario Physical Health Education Associat...myplanetsteph
Slides from Andrew McClenaghan, Owner & Lead Consultant at Digital Echidna. Presented at the 2012 Drupal Business Summit in Toronto.
www.echidna.ca
www.drupalbusinesssummit.com
The objective of this thesis, which was presented through floorplans, sections, elevations, and renderings, was to see how incorporating retrofitting into downtown Greensboro, NC would bring economic growth and development through architectural redevelopment. By taking an existing building and changing its function from retail/residential to commercial/ residential, the building would combine Greensboro’s flourishing arts culture and surrounding educational institutions.
This document analyzes travel sharing behavior on social media. It finds that 10% of users share travel content, generating 40% more engagement than other content. Travel planning generates the most sharing, with 19% of planners sharing and clicking 25 times on average. Popular shared topics include budget travel, airfare, and hotels, while international destinations like the UK and Australia see the most activity. Sharing peaks seasonally before holidays. Millennials and women drive most travel sharing.
Ford Certified Vehicle 172 point inspection Casco_Bay_Ford
This 4-page Ford vehicle inspection checklist documents a 172-point inspection of a vehicle. The inspection covers the vehicle's exterior, interior, underhood, underbody, diagnostics, and hybrid components (if applicable). Any items that did not pass inspection have been replaced or repaired. Technicians and managers sign the document to certify that all mechanical and appearance standards have been met.
El documento describe el paradigma de programación orientada a objetos (POO). Explica que POO se centra en objetos y sus interacciones. Define conceptos clave como clase, objeto, evento, abstracción, encapsulamiento, polimorfismo y herencia. Finalmente, proporciona enlaces a infografías adicionales sobre POO.
This document provides the 2012 racing schedule for New England Dragway in Epping, NH. It lists all the events from April through October, including test and tune sessions, street nights, racing series, and special events like Chevy Fest and Import Wars. Universal Technical Institute Street Night is held most Wednesdays, while other events include racing competitions, car shows, and nighttime exhibitions featuring funny cars, jets, and wheelstanders.
Casco Bay Ford Presidents Month Sale Featuring the Ford F-150Casco_Bay_Ford
Sit back and enjoy seeing all the Lariat, Platinum, FX4, King Ranch, XLT, STX, XL Ford F-150's in all colors, regular Cab, Super Cab and Crew Cab Styles. If you want to relax while shopping for a Ford F-150 then visit Casco Bay Ford where it really is all about you
UX & UI Design behind SDL’s Customer Experience CloudPhilipp Engel
This slide deck illustrates the journey SDL’s user experience design community went through over the course of the last few years. As part of that process, UX design thinking proved to be an invaluable transformational element and an innovational catalyst in transforming a set of disconnected and separate products into one consistent service offering, the SDL Customer Experience Cloud. More at http://www.sdl.com/cxc
Raphaël de Robiano founded Ergonline, a Belgian UX agency, in 2013. Ergonline offers various UX services including innovation workshops, user behavior analysis, customer journey definition, wireframing, prototyping, user testing, conversion rate optimization, UI design, and responsive development. The presentation covered trends in UX like designing for multiple devices using a mobile-first approach, personalized experiences, microinteractions, gamification best practices, surprising elements, onboarding, and empty states. It emphasized designing for usability and the user experience.
The document provides an overview of user experience (UX) design from Ali Rushdan Tariq, a UX designer. It discusses the history and evolution of UX design. It then outlines Tariq's 11 characteristics of good UX designers, which include trying to solve problems, caring more about experiences than visuals, understanding context, empathizing with stakeholders, trying things iteratively, adapting processes, constantly learning, being fearless, making themselves valuable, keeping up with trends without distraction, and putting human needs first. The document concludes with additional recommended resources for learning more about UX design.
The document discusses user experience (UX) and its importance in software development. It defines UX as the overall experience a user has when interacting with a product. The document outlines various UX competencies like information architecture, interaction design, and usability testing. It emphasizes designing software with a user-centered approach to ensure it is useful, usable and desirable. It also provides guidance on incorporating UX practices into .NET development.
Demystifying Decoupled Drupal for Developers & Content AuthorsRachel Wandishin
Today, with the diversity of customer experiences, developers require a WCM that provides flexibility and creativity in display output, and the ability to build innovative experiences that take advantage of diverse front-ends (i.e. JavaScript frameworks and libraries).
Join our session to learn how Acquia’s WCM, Drupal, delivers universal content flexibility — providing the greatest creative flexibility to front-end developers and content authors to build content-rich experiences for any channel, device or mode of interaction.
We’ll cover how the Acquia platform supports decoupled Drupal architectures and how you might use Drupal in three different modes that cover the “best of all worlds” - traditional, decoupled, and progressively decoupled WCM. As a result, developers have full flexibility and creativity, and content creators have full content management control - only Drupal provides this flexibility to all stakeholders.
During this webinar, we will investigate the following topics:
- An intro to decoupled Drupal concepts, options & supported features
- Decoupled Drupal best practices and trade offs
- Acquia customer case studies using decoupled Drupal
- Decoupled Drupal improvements and upcoming releases
This document discusses various user interface design patterns seen on popular websites. It begins by defining UI design patterns and how they should be used to solve common user problems rather than just copied. It then covers patterns related to responsive design for multiple devices, touch screen interactions, and various ways to get user input through forms, tagging, flagging content, and conversational interfaces.
This document discusses integrating user experience (UX) design and research methods into an agile development process. It provides an overview of agile and UX philosophies, noting differences but also opportunities for them to work together. Key challenges include the unclear role of UX in agile and insufficient time for conceptual exploration. Suggested approaches are to integrate UX into each sprint or use parallel tracks. UX methods also need adjustments like staying one sprint ahead and focusing research.
Mobile Applications Development - Lecture 3
User-Centered Design
Information Architecture (sitemaps, wireframes, ...)
UI Design
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
The Role of UX in Product Development
What Is UX?
Who Owns UX?
Barriers to Shared Ownership of UX
Working with Multidisciplinary Teams
Defining Product Goals
Conceptualizing and Communicating Design Solutions
Supporting Your Development Team
What Is the Value of UX?
User experience (UX) is the basis for all Web activity, and thus underpins everything we do in Web design and development. Successful projects bake UX in from the ground up, from discovery through planning, iteration, testing and deployment. No matter how beautiful our code may be, of what use is it if it’s irrelevant to our users?
The document discusses responsive web design (RWD) and outlines a process for collaboratively designing responsive websites. It begins with conducting research to understand user needs and business goals. A single requirements document is created without specifying solutions. User flows, templates, modules, and styles are developed through an iterative process of prototyping, testing, and refinement. Development is broken into sprints with collaboration between business, UX, visual, and development teams throughout.
The JoomlaChicago Loop sponsored "Joomla & Responsive Design", a presentation focused on the key ingredients and dynamics of making a Joomla website flow and react to the different viewing devices and browser viewport sizes.
Dennis Kmetz (Director of Interactive Media, Taylor Bruce Design Partnership) presented Joomla & Responsive Design on Thursday, March 1, 2012.
This document outlines the tasks and design challenges for weeks 5-6 of the MemoTickets major project in 2016. It discusses developing a diagram of the product, more exact specifications, defining functionality and challenges. It discusses the importance of the design community and lectures. The main findings are that UX is evolving into service design and that shallow interaction design, which de-emphasizes technology, is important. Design challenges include bringing multiple customer groups onto a multi-sided platform, choosing a design style, using a service design methodology, creating a futuristic concept using modern technologies, and structuring the prototype.
This document provides an overview of week 6 of the ICS3211 course on intelligent interfaces. It discusses visual design for user interfaces, including a recap of case studies, the differences between UX and UI design, best practices in UI design, evolutionary design principles, and designing for inclusive practices. The learning outcomes are also outlined.
HP Cloud Services is maturing its user experience (UX) practices. It has established UX principles of consistency, simplicity, and transparency. Personas have been created to represent key user types such as developers, IT administrators, and managers. The experience stack aims to provide a consistent experience across websites, APIs, documentation, and other channels. Strategies focus on areas like API documentation, language bindings, and community outreach to developers. Future plans include further maturing UX practices and driving an "experience first" approach in architecture.
This document discusses responsive and adaptive design approaches for websites. Responsive design adapts a website's layout to fit different screen sizes using a single code base, while adaptive design customizes the user experience for different contexts using multiple code bases. The document explores considerations for choosing between the approaches, like users' devices and needs. It emphasizes starting with a mobile-first design and prioritizing users' most common tasks and devices.
This document discusses user-centered design and the roles of web designers. It explains that web designers encompass skills in graphic, UI, and UX design. The standard web development process involves planning, design, production, and launch. Planning includes defining user needs through research and analysis. Design involves wireframes, prototypes, and visual design. UX design focuses on ensuring a positive user experience through attributes like usability, ease of use, and minimizing errors. The goal of user-centered design is to optimize products around how users want to use them rather than forcing users to change behavior.
Similar to Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital) (20)
Best Digital Marketing Strategy Build Your Online Presence 2024.pptxpavankumarpayexelsol
This presentation provides a comprehensive guide to the best digital marketing strategies for 2024, focusing on enhancing your online presence. Key topics include understanding and targeting your audience, building a user-friendly and mobile-responsive website, leveraging the power of social media platforms, optimizing content for search engines, and using email marketing to foster direct engagement. By adopting these strategies, you can increase brand visibility, drive traffic, generate leads, and ultimately boost sales, ensuring your business thrives in the competitive digital landscape.
International Upcycling Research Network advisory board meeting 4Kyungeun Sung
Slides used for the International Upcycling Research Network advisory board 4 (last one). The project is based at De Montfort University in Leicester, UK, and funded by the Arts and Humanities Research Council.
Responsive Design: Drupal Business Summit (Erik von Stackelberg, Myplanet Digital)
1.
2.
3.
4.
5. – User research, analysis, interaction design, user
interface design, content strategy.
– Open platforms like Drupal. Open source,
interoperable.
– Holistic approach to UX.
7. – Is not yet responsive. We’re “priming.”
– Is an interactive designer and user experience
person by trade, not a hardcore developer.
– Should be tasty and design-oriented for the
enterprise (a codeless journey) at the intersection of
UX and the device ecosystem.
32. – Unified experience across devices; speaks
to your identity.
– Embracing and rethinking alternative
methods of content display, content
strategy, and interaction. (There is no fold!)
33. – (Opening your design up for a responsive
retrofit is also a great time to seek WCAG
Level A compliancy.)
– Improves flexibility of the system beyond
responsive needs.
50people. Self-organizing teams. Bottom-up structure. Awesome time and geek grants.Nerf gun battles, ping pong, mini-golf, etc.Staff-defined roles.
Creative dir at MPD, Runs approximately 50 minutes.
Myplanetdigital.com priming. Explain priming in a bit.I spend most of my time engrossed in figuring out Lean UX and Agile processes, examining user flows and producing user interface visuals. Systems/cross-media user experience perspective.Purpose of today’s talk: not a technical talk. There are about a thousand blog articles, books, etc. Instead, consideration of the design factors involved and value to the enterprise. A discussion at the intersection of user experience and the ecosystem of networked devices.There will be pop quiz questions throughout the presentation: correct answers will net you some limited edition stickers that you can take back with you to make colleagues jealous (aspiring graffiti artists, please don’t stickerbomb the ING Café, it’s our first time here.)
Assume that at work I’m working on my desktop. I’m served a desktop-version with functionality that supports entering a postal code through RESS. But what if I’m looking for the nearest kiosk to my current location so that I can stop by on my way home?
Assume that at home I’d like to enter a postal code to find the kiosk nearest my work for the next day. I may be on my laptop, but what if I’m on my mobile phone with a website that serves me only “nearest to you” functionality?
Assume that while on the go I’d like to get ‘nearest to me’ functionality. But what if I’m on my tablet? If the website thinks I’m on my couch at home it serves me postal code functionality.
Going to give away the moral of the story and underlying message (so if you need to leave early to get back to the office you’ll have the most important : be user-centered.Responsive vs. mobile vs. native: which makes most sense for your users? Benefits and drawbacks to each approach to serving networked devices.Responsive design is not a silver bullet solution, BUT what makes it really exciting is the clarity and philosophy it can introduce into digital design as well as the potential scalability.
Let’s take a look at the ways an enterprise organization can serve content and online tools to its user base.
Native apps:Popular on iOS/AndroidVisibility and promotion via app storesOptimization and performanceTime-consuming to build, require separate attention.Not always a natural skillset extension for development shops, variable admin control. App for every device.Facebook, Twitter, Epicurious, etc.Unique URLCustomized experienceAll content always availableLimited access to device inputs and data collection methodsAdministrative overhead (modules or separate sites)Serves only a particular device class & use caseFacebook, Gmail, The Whitehouse, etc.
Mobile is currently a hot topic, but responsive design is about a much broader philosophy that surrounds the ecosystem of networked devices.
Wildly varying form factors exist, even within device classes.New devices every day: Android, Palm, Windows, Apple, Blackberry, etc. with different resolutions.This is a DX Chogokin GE-46 Phone Braver, a Japanese telephone which transforms into a robot. If there ever were a phone that epitomized the fragmentation of form factors...http://www.collectiondx.com/node/3345
Mobile is currently a hot topic, but responsive design is about a much broader philosophy that surrounds the ecosystem of networked devices.
TV, video game, media player, phone, tablet, desktop, refrigerator…The central question is: how can we serve content to so many different devices while maintaining a unified and optimal user experience?
Mobile use is on the rise.
Mobile use is on the rise.
Mobile use is on the rise.
Mobile use is on the rise.
A collection of web standards that permits:Onesite, multiple adaptations: Customized experienceServes multiple devices and use cases; cost-effective scaling; can use the same CSS you already useMultiple devices now, multiple devices in the future.No administrative overhead (modules or separate sites)Supported by most major mobile browsersLimited access to device inputs and data collection methodsThe Boston Globe etcBuilding to specific devices (even if multiple) does not produce great value for an organization. New devices may differ slightly. How do we accommodate? Flexible grids, type, images & media provide granular solution: Every adaptation is responsive.Flexible grids, type, images & media provide granular solution: Every adaptation is responsive.Designing “content-out:” Content layout breakpoints determine adaptation points.Why that matters:Hypothetically we should be device class agnostic and content-out. But in reality:1) What if we want to serve a different navigation layout for a mobile touchscreen vs. a small window on a desktop? (Progressively enhancing the experience based on device class).2) Pushing the boundary: What if we want to serve different media to mobile to conserve bandwidth, or different functionality for a class of devices?
user: myplanet password: testingNo one actually sits down and plays around with viewport size, but it illustrates the granularity.
I mentioned earlier that responsive design can be read as a design philosophy or even a goal-centered workflow rather than a purely technical approach. We’ve seen what responsive design means technically and we’ve had a taste of the way responsive design requires us to take a user-oriented and informed perspective in digital design. How else might a responsive design mentality benefit an enterprise organization?
App store restrictions or user expectations about graphical features of their particular device OS are less likely to be a concern in the realm of the web. Thinking responsively means thinking about user needs and brand goals, not arbitrary UI expectations.Blur the boundary between identity and user experience.Exciting catalyst for design: Encourages us as designers to question existing structures, userflows, layouts which can create better, more innovative end products. Goodbye 960. Luke Wrobelewski who wrote Mobile First emphasizes the benefits that our desktop experiences gain from thinking critically about content and composition in a mobile context.
Accessible thinking: Already thinking in terms of different devices and usage contexts. Natural extension to think of different consumption methods.2015 and 2016:Accessibility Standard for Information and Communications: Accessibility for Ontarians with DisabilityUpon request large (and small) public sector organizations will provide or arrange for the provision of accessible formats and communication supports for persons with disabilities (in a timely manner and at no extra cost) Web Content Accessibility GuidelinesEncourages “system” design thinking. You’re already thinking in terms of adaptation. Improves flexibility of the system: the UI, interaction design, content strategy beyond responsive needs, readies it for future digital application.Consider slices and samples: stems of the overall system.
Stimulates creative thinking surrounding various input modes which can feedback into decisions about userflow and functionality, more novel solutions. Examples in hardware: Apple changing scrolling direction. Webforms.
http://www.lukew.com/ff/entry.asp?1370
How many times has a discussion at a large organization degraded into debate about departmental debate or emphasis on “real estate?”Variable real estate = talk about utility. With such limited space on a mobile device and the variability of resolutions, user needs and utility are the only clear way to discuss goals for a system that will actually be used. Fortunately, fold is not an issue.Surplus of variations = talk about goals, not execution. Because its impossible to frame the problem in terms of a particular layout or device, a responsive approach encourages us to think responsively: user and business goals become the centerpiece for debate.
Short answer: Yes.Responsive design is built around the front-end.Efficient answer: Yes.Using appropriate base themes for Drupal: omega, Zen, fusion; Twitter bootstrapcan expedite the process, but nothing is a match for a custom solution built on top of these frameworks.
Build with flexible grids and flexible media in a fixed-width wrapper.
Linearizing your content purely through media queries does not truly “respond” to the needs of users on multiple devices. How is navigation handled on a different device? How is ad space handled uniquely?Adaptations at particular resolutions are arbitrary and not connected to the way your content actually shifts (not a content-out philosophy.) Won’t see the benefits of granular/flexible resizing for a variety of devices.
A mobile site may require fewer design adaptations than fully responsive.But greater overhead cost for administration and good luck accommodating new devices with wildly different configurations. No benefits of serving the full device ecosystem.We could hide content and serve different navigation to simulate a mobile site through responsive design. Problem: hiding content is not best practice; also, we’re sending content that isn’t being displayed (bandwidth overhead…maybe server-side solutions..complexity of serving different use case functionality). Greater problem: poor user experience: you have one website. Users are used to finding a particular type of content on that site. If suddenly it isn’t available, user has nowhere to go. Good mobile sites always allow access to the full version of the site. Would require an option for reloading CSS to view a virtual ‘full site.’
This is a similar conundrum to combining a mobile and responsive site. Here there is a greater problem: All content is visible, but its location and configuration may change wildly from page to page. Terrible user experience.
Selective responsiveness: A site that remains in a particular static configuration until a key breakpoint, at which time the proportions become flexible and granular. If you know which device classes your users are *actually* using to access your content (for example, all mobile), then this can work.
Going to give away the moral of the story and underlying message (so if you need to leave early to get back to the office you’ll have the most important : be user-centered.Responsive vs. mobile vs. native: which makes most sense for your users? Benefits and drawbacks to each approach to serving networked devices.Responsive design is not a silver bullet solution, BUT what makes it really exciting is the clarity and philosophy it can introduce into digital design as well as the potential scalability.
Design for user goals, not devices.If the goal includes a particular device, cool! Don’t pigeon hole users into a particular device simply because of business goals (unless you’re in the business of supporting a particular device).
If you’re at this summit, you probably already recognize that mobile is critical to the future of computing.Social networking overtaking app games. Appropriate for our theme today.
In the US, smartphones are overtaking feature phones rapidlyGood news for organizations who want to reach out to a mobile audience; support for more complex interactive systems: solicit donations, stream media, provide online learning…http://www.bgr.com/2012/03/02/pew-smartphones-overtake-feature-phones-among-adults-in-the-u-s/
Mobile use is on the rise: By 2014 the number of mobile internet users is expected to surpass desktop users.Of course this doesn’t tell us the whole picture: are these smart phones? Feature phones? What is “global” access really about in the context of the digital divide?
In the US, smartphones are overtaking feature phones rapidlyGood news for organizations who want to reach out to a mobile audience; support for more complex interactive systems: solicit donations, stream media, provide online learning…http://www.bgr.com/2012/03/02/pew-smartphones-overtake-feature-phones-among-adults-in-the-u-s/
The data for American apps and web consumption shows that both browsing and native experiences are comparable, even though values are shifting.