Adaptive Content: Designing For The Unknown

•

0 likes•640 views

myplanetsteph

Lunch & Learn presentation from Nate Archer, Content Strategy Specialist at Myplanet Digital.

Technology News & Politics

Adaptive Content
Designing for the Unknown

Responsive
Web Design.
Adapt to the constraints of any browser
window, on any device, current or future.

Responsive to
Users
How should the experience change to
suit the context?

We forgot about
content.
How do we make content as
responsive as our designs?

Let's take a step
back.
Enable content to meet responsive
user needs by giving it structure and
meaning.

"Unstructured content is stupid and
old-fashioned. It's costly, complex,
and does not generate a competitive
advantage."

Ann Mucahy, Former CEO of Xerox

Break it apart.

Separate content into chunks,
allowing it to be more ﬂuid and
ﬂexible.

System level
thinking.
Change the way content is created to
embrace changes in how we consume it.

Don't forget the
CMS.
Design your CMS to embrace
structured content. Integrate adaptive
content thinking into workﬂows.

Forget context
(for now).
Make your content technology agnostic
so that it works in any context.

Embrace
Metadata.
If you want to understand your users,
you have to start by understanding
your content.

"Metadata is the new
art direction."
Ethan Resnick

Ready for
anything.
Structured and meaningful content
keeps us ﬂexible to meet the changing
needs of users and technology.

There's a cherry
on top.
Smart content is great news for social,
SEO and accessibility.

Links.
Karen McGrane Keynote at Content Strategy Forum 2012
http://vimeo.com/29050868

Sara Wachter-Boettcher - Responsive-Ready Content
http://sarawb.com/2012/03/07/content-strategy-responsive-design/

Ethan Marcotte – Responsive Web Design
http://www.alistapart.com/articles/responsive-web-design/

"Get your content ready to
do anything, because it's
going to do everything."

Erin Kissane

Nate Archer 207-90C Centurian Dr
Markham, Ontario
Contact us: Content Strategy Specialist
nate@myplanetdigital.com Myplanetdigital.com L3R 8C5

Viewers also liked

Beyond Media Queies: Responsive Design & Cross Device Thinking (NXNEi 2012)

myplanetsteph

DataPublic: Building Drupal-Powered Open Government (Nik Garkusha, Microsoft ...

myplanetsteph

Case Study: Drupal Enabled Mobile -Ontario Physical Health Education Associat...

myplanetsteph

Casco bay ford certified

Casco_Bay_Ford

Capturing Community (Michael Silverman, Duo Consulting)

myplanetsteph

Getting The Most Out of Open Source and Drupal (Michael Meyers, Acquia)

myplanetsteph

Viewers also liked (6)

Beyond Media Queies: Responsive Design & Cross Device Thinking (NXNEi 2012)

DataPublic: Building Drupal-Powered Open Government (Nik Garkusha, Microsoft ...

Case Study: Drupal Enabled Mobile -Ontario Physical Health Education Associat...

Casco bay ford certified

Capturing Community (Michael Silverman, Duo Consulting)

Getting The Most Out of Open Source and Drupal (Michael Meyers, Acquia)

Similar to Adaptive Content: Designing For The Unknown

Responsive Design and Joomla!

JoomlaChicago - Loop

Adapting to Responsive Web Design

IWMW

In this session, we will explore the how the recent explosion of devices has disrupted the process of designing a website that we've crafted over the past decade. When designers only have one instance of website (i.e., desktop) to design, the layout is uniform. The header, content area, sidebar, and footer all remain static. Furthermore, the elements are relatively uniform as well. Buttons, navigation, typography, and images are all basically the same across across the various pages. But if you are designing a responsive website – one whose look and feel adapts depending whether you're using a phone, laptop, or tablet – then these elements and especially the layout begin to diverge. After this session, you should leave with the confidence to argue the importance of responsive design to your client or boss – and that the with the proper strategy, the extra effort and costs can be justified (and hopefully minimized).

UX design for every screen

Four Kitchens

Customized Content for the Mobile Web

Jason VanLue

Adapting to a Responsive Design at Untangle the Web on 29th July 2013

Matt Gibson

One of the hottest topics in Web Design over the last few years has been Responsive Web Design (RWD). The theory of one site structure for current web devices, including tablets and smartphones, has also attracted SharePoint developers, but the complexity of RWD has been a stumbling block. In this session we will start with an overview of what is Responsive Web Design followed by an in-depth look into the pros and cons of applying a responsive design on SharePoint. We will then dive into the code and learn how to create a SharePoint site that is both responsive and attractive. We will finish with a look at SharePoint 2013 and Device Channels, and review how Responsive Web Design can play a role in current and future SharePoint Branding projects. Session Take-aways: Building off what was learned in the previous session, Branding SharePoint for Evolving Internet Devices, this session is geared towards web developers, programmers and IT to learn "how" to code for modern Internet devices. Attendees will have been exposed to not only what Responsive Web Design is and how it functions, but also how to apply it directly to SharePoint. As with all techniques, there are pros and cons to Responsive Web Design, not only in general but also how it is applied to, and utilized by SharePoint. After a thorough review and multiple demos attendees will have seen the code and learned what to expect. Finally attendees will learn how SharePoint 2013 handles mobile computing and how Responsive Web Design can help solve SharePoint 2013's mobile computing shortcomings. Highlights: Find out what the hot web design topic Response Web Design is all about. See how to utilize Response Web Design in your SharePoint project. Learn how to leverage this knowledge in SharePoint 2013 as well.

Enhancing SharePoint with Responsive Web Design

Eric Overfield

How does your SharePoint site handle the growing number of devices that are or will be soon accessing your site? Traditional branding for SharePoint has its shortcomings with modern devices. In this session we will review available options to enhance SharePoint and create a unified experience across modern internet devices with an in-depth review of current trends and how to utilize them in your current or upcoming SharePoint project. We will finish by considering how this might be impacted by SharePoint 2013. Session Take-aways: As an introduction session to modern Internet devices and how they affect the presentation of a SharePoint 2010 site, each attendee should leave the session with a solid understanding of how different devices and viewports treat SharePoint including the good and the bad. Further they will have been exposed to multiple techniques and methods in which SharePoint can be modified to enhance SharePoint for modern Internet devices including tablets and smartphones with a look at the benefits and shortcomings of each method. After a review of SharePoint 2013's addition of devices channels, attendees will also learn how to leverage this new understanding of Internet devices with device channels for a truly usable, maintainable SharePoint branding initiative moving forward. Highlights: Learn the shortcomings of SharePoint's interface with modern Internet devices. See modern techniques Branding experts use to solve the mobile problems. Find out how to leverage this knowledge in SharePoint 2010 and SharePoint 2013.

Beyond Branding SharePoint - SharePoint and Today's Web

Eric Overfield

In 2017, “adaptive content” has become a buzzword. To some, it’s a complex, long-term initiative to structure content for flexible reuse and dynamic targeting. To others, it’s a way to ensure that everyone, everywhere, sees exactly what they want—like magic! In this talk, Karen shares her perspective (and reservations) on how adaptive content is being used today. She’ll discuss how adaptive content supports targeting content to device type—and why that’s rarely necessary. She’ll also describe ways that adaptive content can support tailoring content according to context—and ways that can go wrong. You’ll walk away with a better understanding of when adaptive content is necessary and how to get the most value from it.

"Adaptive Content, Context, and Controversy

Blend Interactive

Responsive Web Design - Bridging the Gap Between Art Directors

Aaron Bernardo

Responsive

Aaron Bernardo

What’s the difference between responsive and adaptive? While responsive design embraces an ethos of “One Web,” adaptive solutions aim to serve different information based on what we know about the person or the device. When people say they want to go “beyond responsive,” they often mean they want to implement adaptive solutions. In this talk Karen unpacks what people really mean when they talk about adaptive designs or adaptive content. She outlines scenarios in which it makes sense to target information to the device or context—and when it doesn’t.

Adaptive: Content, Context, and Controversy

Karen McGrane

Presentation slides from Dustin Tauer's 2014 MIMA Session: What is your Web workflow? If your situation mirrors that of most organizations, the process often begins with some initial planning and discovery, followed by the design phase. In the design phase, Photoshop is opened and wireframes evolve into static designs. Once approved, these designs are passed to the developer which leads to testing, tweaking, and finally, launch. This workflow is great for traditional websites, but major evolution is needed to account for the changing landscape that is responsive design. This session will present different strategies and processes for effectively designing and developing responsive websites. We’ll look at how taking a content-first approach rather than a design-first approach can significantly reduce the number of issues and iterations throughout the process. With mobile traffic quickly surpassing desktop traffic, a new workflow process is imperative to helping us be better prepared for the constantly changing device landscape.

MIMA 2014 - Changing your Responsive Design Workflow

easelsolutions

Vivek Upadhyay | Résumé

Vivek Upadhyay

5 Simple Actions to Make a Measurable Impact on Your Responsive Site

5th Finger

Experience Dynamics web seminar. With 50% of Americans now owning smartphones, and much of our Web browsing occurring on mobile devices, websites are running into a common issues affecting the underlying user experience: how does our design look across devices? How compatible or pleasant is it to view, read and browse? To solve this problem, many organizations including the largest companies in the world, are turning to Responsive Web Design.

Does your website have these elements of responsive web design?

Experience Dynamics

Your typical medium sized international enterprise will typically outsource to smaller agencies that specialize in Internet marketing, design, and development. By bringing that type of talent in-house, an enterprise can communicate their marketing strategies and messages with greater speed to market and more collective creative control. While the initial capital investment may be greater than simply outsourcing, the long-term benefit of having immediate and direct contact with an in-house team will lead to a greater understanding of company culture and values reflected within the framework of your digital properties.

How to Act Like an Agency within a Company: UX for the Enterprise

FlashGuy13

Workshop 11: Trendy web designs & prototyping

Visual Engineering

Putting Mobile First

Precedent

Seminar: Putting Mobile First

Precedent

Front end developer responsibilities what does a front-end developer do?

Katy Slemon

Recently uploaded

GenAI Risks & Security Meetup 01052024.pdf

lior mazor

Architecting Cloud Native Applications

WSO2

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

Accelerating FinTech Innovation: Unleashing API Economy and GenAI Vasa Krishnan, Chief Technology Officer - FinResults Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

apidays

A Beginners Guide to Building a RAG App Using Open Source Milvus

Zilliz

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

MadyBayot

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

MINDCTI Revenue Release Quarter One 2024

MIND CTI

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

ICT role in 21st century education and its challenges

rafiqahmad00786416

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?

Igalia

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

Zilliz

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows. We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases. This video focuses on the deployment of external web forms using Jotform for Bonterra Impact Management. This solution can be customized to your organization’s needs and deployed to support the common use cases below: - Intake and consent - Assessments - Surveys - Applications - Program registration Interested in deploying web form automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Jeffrey Haguewood

Whatsapp Number Escorts Call girls 8617370543 Available 24x7 Navi Mumbai Call Girls Service Offer Genuine VIP Model Escorts Call Girls in Your Budget. Navi Mumbai Call Girls Service Provide Real Call Girls Number. Make Your Sexual Pleasure Memorable with Our Navi Mumbai Call Girls at Affordable Price. Top VIP Escorts Call Girls, High Profile Independent Escorts Call Girls, Housewife Women Escorts Call Girl, College Girls Escorts Call Girls, Russian Escorts Call girls Service in Your Budget.

Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Deepika Singh

MySQL Webinar, presented on the 25th of April, 2024. Summary: MySQL solutions enable the deployment of diverse Database Architectures tailored to specific needs, including High Availability, Disaster Recovery, and Read Scale-Out. With MySQL Shell's AdminAPI, administrators can seamlessly set up, manage, and monitor these solutions, ensuring efficiency and ease of use in their administration. MySQL Router, on the other hand, provides transparent routing from the application traffic to the backend servers in the architectures, requiring minimal configuration. Completely built in-house and supported by Oracle, these solutions have been adopted by enterprises of all sizes for their business-critical applications. In this presentation, we'll delve into various database architecture solutions to help you choose the right one based on your business requirements. Focusing on technical details and the latest features to maximize the potential of these solutions.

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Miguel Araújo

Recently uploaded (20)

GenAI Risks & Security Meetup 01052024.pdf

Architecting Cloud Native Applications

Boost Fertility New Invention Ups Success Rates.pdf

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...

A Beginners Guide to Building a RAG App Using Open Source Milvus

EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER

Data Cloud, More than a CDP by Matt Robison

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Automating Google Workspace (GWS) & more with Apps Script

MINDCTI Revenue Release Quarter One 2024

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

ICT role in 21st century education and its challenges

Strategies for Landing an Oracle DBA Job as a Fresher

A Year of the Servo Reboot: Where Are We Now?

Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...

Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...

Adaptive Content: Designing For The Unknown

1. Adaptive Content Designing for the Unknown

3. Thinking about content.

4. Thinking about mobile content.

5. A lot has changed in 5 years.

6. Feeling Confused?

7. Responsive Web Design. Adapt to the constraints of any browser window, on any device, current or future.

8. Responsive to Users How should the experience change to suit the context?

9. What about content?

10.

11.

12.

13.

14.

15. We forgot about content. How do we make content as responsive as our designs?

16. Let's take a step back. Enable content to meet responsive user needs by giving it structure and meaning.

17. 1. Structure

18. "Unstructured content is stupid and old-fashioned. It's costly, complex, and does not generate a competitive advantage." Ann Mucahy, Former CEO of Xerox

19. Break it apart. Separate content into chunks, allowing it to be more ﬂuid and ﬂexible.

20. System level thinking. Change the way content is created to embrace changes in how we consume it.

21. Don't forget the CMS. Design your CMS to embrace structured content. Integrate adaptive content thinking into workﬂows.

22. 2. Meaning

23. Forget context (for now). Make your content technology agnostic so that it works in any context.

24. Embrace Metadata. If you want to understand your users, you have to start by understanding your content.

25. "Metadata is the new art direction." Ethan Resnick

26. Now what?

27. Ready for anything. Structured and meaningful content keeps us ﬂexible to meet the changing needs of users and technology.

28. There's a cherry on top. Smart content is great news for social, SEO and accessibility.

29.

30. Create Once, Publish Everywhere.

31.

32.

33.

34. Links. Karen McGrane Keynote at Content Strategy Forum 2012 http://vimeo.com/29050868 Sara Wachter-Boettcher - Responsive-Ready Content http://sarawb.com/2012/03/07/content-strategy-responsive-design/ Ethan Marcotte – Responsive Web Design http://www.alistapart.com/articles/responsive-web-design/

35. "Get your content ready to do anything, because it's going to do everything." Erin Kissane

36. Nate Archer 207-90C Centurian Dr Markham, Ontario Contact us: Content Strategy Specialist nate@myplanetdigital.com Myplanetdigital.com L3R 8C5

Adaptive Content: Designing For The Unknown

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (6)

Similar to Adaptive Content: Designing For The Unknown

Similar to Adaptive Content: Designing For The Unknown (20)

Recently uploaded

Recently uploaded (20)

Adaptive Content: Designing For The Unknown