Mobile UX: Responsive Design & Tips - Internet librarian 2012

•

1 like•586 views

Juan-Francisco Reyes

Technology

What to expect in the next 25
minutes

1.  Introduction (this slide)

2.  User Centered Design philosophy (the next few slides)

3.  Technologies and methods (what's under the hood)

4.  Responsive design in practice (screen size matters)

5.  Resources (our code on GitHub along with book and
link suggestions)
photo by flicker user leynik

Can you build us a mobile...
"something?"

photo by flicker user statelibrarynsw

One-size-fits-all
does not make sense
for mobile.

photo by flicker user jdhancock

Your community is like a snowflake.
Treat it that way.

photo by flicker user elifayse

1. How does this solve a problem my
users are having?

2. Does this solution makes sense in
a mobile context?

photo by flicker user elifayse

Do user needs assessment
on the cheap.
•  Observations of users in the wild
•  Whiteboard survey questions
•  Focus groups and gamestorming

photo by flicker user elifayse

Learn new skills and put them,
immediately, into practice

•  jQuery Mobile •  ColdFusion
•  HTML5 •  XML
•  CSS3 •  Aleph
•  JavaScript
•  JSON
A list of common ingredients:

Book locator:
translating shelves
into pixels

Resources we used and our code

All our code is belong to you: github.com/whelman

Head first html5 programing.
http://www.worldcat.org/oclc/706018590

Gamestorming: A playbook for innovators, rulebreakers,
and changemakers.
http://www.worldcat.org/oclc/471816034

Head first mobile web.
http://www.worldcat.org/oclc/744291335

jQuery Mobile: http://jquerymobile.com/test/ (this is an
awesome site to get you up and running)

Contact us
and keep the conversation going.

Find this presentation at: slideshare.net/whelman

William Helman
twitter.com/thinkpol
http://whelman.com

Juan Francisco Reyes
twitter.com/pacoreyes
http://xentido.com

Similar to Mobile UX: Responsive Design & Tips - Internet librarian 2012

Mobile or immobile? (responsive design, cookies and kiosks) html5css3

William Helman

How HTML5 missed its graduation - #TrondheimDC

Christian Heilmann

Beyond Staggered Sprints: Integrating User Experience and Agile

Jeff Gothelf

HPAI Class 2 - human aspects and computing systems in ai - 012920

melendez321

why agile?

Tathagat Varma

Get the flash outta here

☕ Shiju Varughese

The Age of Responsive Design

Denise Jacobs

Towards Responsive Open Learning Environments: the ROLE Interoperability Fram...

Sten Govaerts

UX is not just about building huge coherent web architectures. We have become digital nomads - building tents, rather than building houses, in environments that suit our needs. People no longer inhabit worlds built by designers, but in worlds built by themselves. Increasingly it is about building applications and understanding how applications interact with each other and their embedded environment. It is about forging relevant links with technologies that are appropriate. Relevance has surpassed usability as the most important factor of web strategy and web design. Context defines how usable your experience needs to be, and we are steadily moving from interface design to concept design...IA and UX has for many years looked at the web in a traditional one way communications paradigm, where it is all about conveying a message to the end user. But the Internet is NOT the new newspaper, the new radio or the new television. The web is actually not a medium at all, if anything it is a paradigm of interaction. It is something completely different which as a discipline we need to demonstrate with an open approach to our design work, that is documented, shared and refined. Those involved in the field must realize that usability is becoming more bound by context and relevance to individual needs, it cannot be merely prescriptive.

Usability is dead...

James Kelway

CSTA2015 Blocks-based Programming: Toolboxes for Many Occasions

Josh Sheldon

Software Architectures, Week 1 - Monolithic Architectures

Angelos Kapsimanis

Wits idea visualization-v0.1

riedlc

Rapid eLearning

Yum Studio

Next Generation Media - Wolter

Codemotion

Mobile html5 v2

HunterLoftis

Webgeek Keynote: Mobile Developers Rock!

SMART DevNet

User Experience 1: What is User Experience?

Marc Miquel

Practical Usability

Karolina Coates

DevOps and the cloud: all hail the (developer) king - Daniel Bryant, Steve Poole

JAXLondon_Conference

Last year we talked about DevOps, what it was, why it was important and how to get started. Boy, was it scary. Now we’re wiser. More battle-scarred. The scale of the challenge for application writers exploiting cloud and DevOps is clearer, but so is the path forward. Understanding the DevOps approach is important but equally you must understand specific deployment technologies. How to exploit them and how they effect the design of applications. Whether creating simple applications or sophisticated microservice architectures many of the challenges are the same. Presented at JAXLondon 2015 with Steve Poole

JAXLondon 2015 "DevOps and the Cloud: All Hail the (Developer) King"

Daniel Bryant

Similar to Mobile UX: Responsive Design & Tips - Internet librarian 2012 (20)

Mobile or immobile? (responsive design, cookies and kiosks) html5css3

How HTML5 missed its graduation - #TrondheimDC

Beyond Staggered Sprints: Integrating User Experience and Agile

HPAI Class 2 - human aspects and computing systems in ai - 012920

why agile?

Get the flash outta here

The Age of Responsive Design

Towards Responsive Open Learning Environments: the ROLE Interoperability Fram...

Usability is dead...

CSTA2015 Blocks-based Programming: Toolboxes for Many Occasions

Software Architectures, Week 1 - Monolithic Architectures

Wits idea visualization-v0.1

Rapid eLearning

Next Generation Media - Wolter

Mobile html5 v2

Webgeek Keynote: Mobile Developers Rock!

User Experience 1: What is User Experience?

Practical Usability

DevOps and the cloud: all hail the (developer) king - Daniel Bryant, Steve Poole

JAXLondon 2015 "DevOps and the Cloud: All Hail the (Developer) King"

Recently uploaded

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 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 Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

apidays

Top 10 Most Downloaded Games on Play Store in 2024

SynarionITSolutions

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

Tata AIG General Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Following the popularity of "Cloud Revolution: Exploring the New Wave of Serverless Spatial Data," we're thrilled to announce this much-anticipated encore webinar. In this sequel, we'll dive deeper into the Cloud-Native realm by uncovering practical applications and FME support for these new formats, including COGs, COPC, FlatGeoBuf, GeoParquet, STAC, and ZARR. Building on the foundation laid by industry leaders Michelle Roby of Radiant Earth and Chris Holmes of Planet in the first webinar, this second part offers an in-depth look at the real-world application and behind-the-scenes dynamics of these cutting-edge formats. We will spotlight specific use-cases and workflows, showcasing their efficiency and relevance in practical scenarios. Discover the vast possibilities each format holds, highlighted through detailed discussions and demonstrations. Our expert speakers will dissect the key aspects and provide critical takeaways for effective use, ensuring attendees leave with a thorough understanding of how to apply these formats in their own projects. Elevate your understanding of how FME supports these cutting-edge technologies, enhancing your ability to manage, share, and analyze spatial data. Whether you're building on knowledge from our initial session or are new to the serverless spatial data landscape, this webinar is your gateway to mastering cloud-native formats in your workflows.

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Safe Software

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe 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 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

MINDCTI Revenue Release Quarter One 2024

MIND CTI

Scaling API-first – The story of a global engineering organization

Radu Cotescu

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

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

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Rafal Los

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

GenAI Risks & Security Meetup 01052024.pdf

lior mazor

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

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

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

Recently uploaded (20)

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Top 10 Most Downloaded Games on Play Store in 2024

Powerful Google developer tools for immediate impact! (2023-24 C)

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

MINDCTI Revenue Release Quarter One 2024

Scaling API-first – The story of a global engineering organization

AWS Community Day CPH - Three problems of Terraform

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

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

Axa Assurance Maroc - Insurer Innovation Award 2024

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Automating Google Workspace (GWS) & more with Apps Script

GenAI Risks & Security Meetup 01052024.pdf

Strategies for Landing an Oracle DBA Job as a Fresher

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

🐬 The future of MySQL is Postgres 🐘

Mobile UX: Responsive Design & Tips - Internet librarian 2012

1. Responsive, user driven, mobile. Internet Librarian, Monterey, CA 23 October, 2012 Bill Helman and Juan-Francisco Reyes, University of Baltimore Langsdale Library twitter.com/pacoreyes http://xentido.com

2. What to expect in the next 25 minutes 1.  Introduction (this slide) 2.  User Centered Design philosophy (the next few slides) 3.  Technologies and methods (what's under the hood) 4.  Responsive design in practice (screen size matters) 5.  Resources (our code on GitHub along with book and link suggestions) photo by flicker user leynik

3. Can you build us a mobile... "something?" photo by flicker user statelibrarynsw

4. One-size-fits-all does not make sense for mobile. photo by flicker user jdhancock

5. Your community is like a snowflake. Treat it that way. photo by flicker user elifayse

6. 1. How does this solve a problem my users are having? 2. Does this solution makes sense in a mobile context? photo by flicker user elifayse

7. Do user needs assessment on the cheap. •  Observations of users in the wild •  Whiteboard survey questions •  Focus groups and gamestorming photo by flicker user elifayse

8. Gamestorming: design the box

9. Learn new skills and put them, immediately, into practice

10. •  jQuery Mobile •  ColdFusion •  HTML5 •  XML •  CSS3 •  Aleph •  JavaScript •  JSON A list of common ingredients:

11. Book locator: translating shelves into pixels

12. One response to panic screamsscreens

13. now test and adjust (then repeat)

14. Resources we used and our code All our code is belong to you: github.com/whelman Head first html5 programing. http://www.worldcat.org/oclc/706018590 Gamestorming: A playbook for innovators, rulebreakers, and changemakers. http://www.worldcat.org/oclc/471816034 Head first mobile web. http://www.worldcat.org/oclc/744291335 jQuery Mobile: http://jquerymobile.com/test/ (this is an awesome site to get you up and running)

15. Contact us and keep the conversation going. Find this presentation at: slideshare.net/whelman William Helman twitter.com/thinkpol http://whelman.com Juan Francisco Reyes twitter.com/pacoreyes http://xentido.com

Mobile UX: Responsive Design & Tips - Internet librarian 2012

Recommended

Recommended

More Related Content

Similar to Mobile UX: Responsive Design & Tips - Internet librarian 2012

Similar to Mobile UX: Responsive Design & Tips - Internet librarian 2012 (20)

Recently uploaded

Recently uploaded (20)

Mobile UX: Responsive Design & Tips - Internet librarian 2012