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

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

Neo4j

Manulife - Insurer Innovation Award 2024

The Digital Insurer

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg 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 value of a flexible API Management solution for O...

apidays

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Principled Technologies

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

Tata AIG General Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

This presentation explores the impact of HTML injection attacks on web applications, detailing how attackers exploit vulnerabilities to inject malicious code into web pages. Learn about the potential consequences of such attacks and discover effective mitigation strategies to protect your web applications from HTML injection vulnerabilities. for more information visit https://bostoninstituteofanalytics.org/category/cyber-security-ethical-hacking/

HTML Injection Attacks: Impact and Mitigation Strategies

Boston Institute of Analytics

Increase engagement and revenue with Muvi Live Paywall! In this presentation, we will explore the five key benefits of using Muvi Live Paywall to monetize your live streams. You'll learn how Muvi Live Paywall can help you: Monetize your live content easily: Set up pay-per-view access to your live streams and start generating revenue from your content. Increase audience engagement: Provide exclusive, premium content behind the paywall to keep your viewers engaged. Gain valuable viewer insights: Track viewer data and analytics to better understand your audience and tailor your content accordingly. Reduce content piracy: Muvi Live Paywall's security features help protect your content from unauthorized distribution. Streamline your workflow: The all-in-one platform simplifies the process of managing and monetizing your live streams. With Muvi Live Paywall, you can take control of your live stream monetization and create a sustainable business model for your content. Learn more about Muvi Live Paywall and start generating revenue from your live streams today!

Top 5 Benefits OF Using Muvi Live Paywall For Live Streams

Roshan Dwivedi

Imagine a world where information flows as swiftly as thought itself, making decision-making as fluid as the data driving it. Every moment is critical, and the right tools can significantly boost your organization’s performance. The power of real-time data automation through FME can turn this vision into reality. Aimed at professionals eager to leverage real-time data for enhanced decision-making and efficiency, this webinar will cover the essentials of real-time data and its significance. We’ll explore: FME’s role in real-time event processing, from data intake and analysis to transformation and reporting An overview of leveraging streams vs. automations FME’s impact across various industries highlighted by real-life case studies Live demonstrations on setting up FME workflows for real-time data Practical advice on getting started, best practices, and tips for effective implementation Join us to enhance your skills in real-time data automation with FME, and take your operational capabilities to the next level.

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Safe Software

A Principled Technologies deployment guide Conclusion Deploying VMware Cloud Foundation 5.1 on next gen Dell PowerEdge servers brings together critical virtualization capabilities and high-performing hardware infrastructure. Relying on our hands-on experience, this deployment guide offers a comprehensive roadmap that can guide your organization through the seamless integration of advanced VMware cloud solutions with the performance and reliability of Dell PowerEdge servers. In addition to the deployment efficiency, the Cloud Foundation 5.1 and PowerEdge solution delivered strong performance while running a MySQL database workload. By leveraging VMware Cloud Foundation 5.1 and PowerEdge servers, you could help your organization embrace cloud computing with confidence, potentially unlocking a new level of agility, scalability, and efficiency in your data center operations.

Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...

Principled Technologies

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

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

MINDCTI Revenue Release Quarter One 2024

MIND CTI

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

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

Martijn de Jong

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

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

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

Recently uploaded (20)

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

Manulife - Insurer Innovation Award 2024

Apidays New York 2024 - The value of a flexible API Management solution for O...

Boost PC performance: How more available memory can improve productivity

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

Tata AIG General Insurance Company - Insurer Innovation Award 2024

HTML Injection Attacks: Impact and Mitigation Strategies

Top 5 Benefits OF Using Muvi Live Paywall For Live Streams

From Event to Action: Accelerate Your Decision Making with Real-Time Automation

Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...

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

Partners Life - Insurer Innovation Award 2024

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

MINDCTI Revenue Release Quarter One 2024

A Domino Admins Adventures (Engage 2024)

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

🐬 The future of MySQL is Postgres 🐘

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

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

Automating Google Workspace (GWS) & more with Apps Script

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)