Designing Virtual Realism (AEA09)

•

15 likes•4,208 views

(this is an extended/updated version of my presentation at Web09 — presented at An Event Apart Seattle) The real world is rarely flat and devoid of texture, yet our virtual designs often do little to mirror what lies beyond the monitor. Tasteful use of lighting, shadows, gradients, and more traditional arts such as photography, oil, water color, pencil and charcoal can help us mimic the world around us. Learn to use and create realistic textures and media, and make your designs leap off the screen.

Technology Business Design

Designing
Virtual Realism
Seattle, May 2009

Dan Rubin
Sidebar Creative

Designing Virtual Realism Seattle, May 2009

Hi!
Dan Rubin
superfluousbanter.org
@danrubin

Me, according to nGen works @ http://happywebbies.com/

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Web
Standards
Creativity
by Dan Rubin
(and 9
other guys)

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Pro CSS
Techniques
by Jeff Croft
Ian Lloyd
Dan Rubin

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Look & Feel

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

We do this
every day.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Photo: Peter Zelnik (http://www.sxc.hu/photo/1170873)
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Photo: Kriss Szkurlatowski (http://www.sxc.hu/photo/1165285)
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Photo: David Thomson (http://www.sxc.hu/photo/1172713)
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Photo: Dedy Ong (http://www.sxc.hu/photo/1161259)
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Photo: Roberto Ribeiro (http://www.sxc.hu/photo/1173672)
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Context is
important.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Photo: David Ritter (http://www.sxc.hu/photo/941686)
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Photo: Craig Jewell (http://www.sxc.hu/photo/945272)
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Tactile
Interaction

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Design for
Intuition.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Mimic
physical
interfaces.
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Photo: Pascal Montsma (http://www.sxc.hu/photo/230015)
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Creating
an Illusion.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Some interfaces
already do this.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Invite people
to touch your
interface.
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Adding noise
creates a
basic texture.
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Aesthetic-
Usability
Effect
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

“Attractive
things work
better.”
— Donald Norman
http://jnd.org/dn.mss/emotion_design_attractive_things_work_better.html

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Traditional
Media

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Photographic

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Physical
Items

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Onward to
Photoshop!

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

What can we
do about it?

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Use consistent
light sources.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Embrace
Gradients and
Shadows.
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Never use
default filter
settings.
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Never use
default filter
settings. Ever.
©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Focus on
subtle effects.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Scanners +
Cameras.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

USE THEM.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

If nothing else,
add noise.

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Resources

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Virtual
In Defense of Eye Candy – Stephen P. Anderson
http://www.alistapart.com/articles/indefenseofeyecandy/

Aesthetic-Usability Effect – Mark Boulton
http://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/

Physical
Don’t Make Me Think – Steve Krug
The Design of Everyday Things – Donald Norman
HOW Magazine, June 2009

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

Questions?

©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism Seattle, May 2009

fin.
slideshare.net/danrubin
twitter: @danrubin

©2009 Dan Rubin » http://sidebarcreative.com

More from Dan Rubin

A very brief look at where certain aspects of typography on the web are today — specifically, methods for replacing OS defaults with other typefaces. The slides are guides used for a quick (15-20 minute) talk at Refresh Lauderdale, rather than informational, with the exception of the references section at the end, which includes many great resources for typography in general, as well as for setting type on the web in all forms.

Web Typography: A (Brief) Review

Dan Rubin

Designing Virtual Realism - AEA Chicago, 2009

Dan Rubin

Designers & Developers Sitting in a Tree (Web09)

Dan Rubin

Design and the Art of Freelancing - AWDG April 2009

Dan Rubin

Reaching Stylesheet Nirvana, Web Design World 2008, Boston

Dan Rubin

Details Make the Difference, Web Design World 2008, Boston

Dan Rubin

Design Is In The Details - WV 2008

Dan Rubin

More from Dan Rubin (7)

Web Typography: A (Brief) Review

Designing Virtual Realism - AEA Chicago, 2009

Designers & Developers Sitting in a Tree (Web09)

Design and the Art of Freelancing - AWDG April 2009

Reaching Stylesheet Nirvana, Web Design World 2008, Boston

Details Make the Difference, Web Design World 2008, Boston

Design Is In The Details - WV 2008

Recently uploaded

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

Rafal Los

What is a good lead in your organisation? Which leads are priority? What happens to leads? When sales and marketing give different answers to these questions, or perhaps aren't sure of the answers at all, frustrations build and opportunities are left on the table. Join us for an illuminating session with Cian McLoughlin, HubSpot Principal Customer Success Manager, as we look at that crucial piece of the customer journey in which leads are transferred from marketing to sales.

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

HampshireHUG

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

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

Partners Life - Insurer Innovation Award 2024

The Digital Insurer

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Neo4j

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

What are drone anti-jamming systems? The drone anti-jamming systems and anti-spoof technology protect against interference, jamming, and spoofing of the UAVs. To protect their security, countries are beginning to research drone anti-jamming systems, also known as drone strike weapons. The anti-jam and anti-spoof technology protects against interference, jamming and spoofing. A drone strike weapon is a drone attack weapon that can attack and destroy enemy drones. So what is so unique about this amazing system?

What Are The Drone Anti-jamming Systems Technology?

Antenna Manufacturer Coco

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

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

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

Data Cloud, More than a CDP by Matt Robison

Anna Loughnan Colquhoun

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

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Drew Madelung

Histor y of HAM Radio presentation slide

vu2urc

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

Radu Cotescu

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Recently uploaded (20)

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

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

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

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

Partners Life - Insurer Innovation Award 2024

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...

Strategies for Landing an Oracle DBA Job as a Fresher

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

presentation ICT roal in 21st century education

What Are The Drone Anti-jamming Systems Technology?

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

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

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

Data Cloud, More than a CDP by Matt Robison

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

🐬 The future of MySQL is Postgres 🐘

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Histor y of HAM Radio presentation slide

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

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Designing Virtual Realism (AEA09)

1. Designing Virtual Realism Seattle, May 2009 Dan Rubin Sidebar Creative

44. Designing Virtual Realism Seattle, May 2009 “Attractive things work better.” — Donald Norman http://jnd.org/dn.mss/emotion_design_attractive_things_work_better.html ©2009 Dan Rubin » http://sidebarcreative.com

69. Designing Virtual Realism Seattle, May 2009 Virtual In Defense of Eye Candy – Stephen P. Anderson http://www.alistapart.com/articles/indefenseofeyecandy/ Aesthetic-Usability Effect – Mark Boulton http://www.markboulton.co.uk/journal/comments/aesthetic_usability_effect/ Physical Don’t Make Me Think – Steve Krug The Design of Everyday Things – Donald Norman HOW Magazine, June 2009 ©2009 Dan Rubin » http://sidebarcreative.com

Designing Virtual Realism (AEA09)

Recommended

Recommended

More Related Content

More from Dan Rubin

More from Dan Rubin (7)

Recently uploaded

Recently uploaded (20)

Designing Virtual Realism (AEA09)