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

Finology Group – Insurtech Innovation Award 2024

The Digital Insurer

Developing An App To Navigate The Roads of Brazil

V3cube

🐬 The future of MySQL is Postgres 🐘

RTylerCroy

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

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

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

Tech Trends Report 2024 Future Today Institute.pdf

hans926745

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

Martijn de Jong

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

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

Boost Fertility New Invention Ups Success Rates.pdf

sudhanshuwaghmare1

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

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

The presentation explores the development and application of artificial intelligence (AI) from its inception to its current status in the modern world. The term "artificial intelligence" was first coined by John McCarthy in 1956 to describe efforts to develop computer programs capable of performing tasks that typically require human intelligence. This concept was first introduced at a conference held at Dartmouth College, where programs demonstrated capabilities such as playing chess, proving theorems, and interpreting texts. In the early stages, Alan Turing contributed to the field by defining intelligence as the ability of a being to respond to certain questions intelligently, proposing what is now known as the Turing Test to evaluate the presence of intelligent behavior in machines. As the decades progressed, AI evolved significantly. The 1980s focused on machine learning, teaching computers to learn from data, leading to the development of models that could improve their performance based on their experiences. The 1990s and 2000s saw further advances in algorithms and computational power, which allowed for more sophisticated data analysis techniques, including data mining. By the 2010s, the proliferation of big data and the refinement of deep learning techniques enabled AI to become mainstream. Notable milestones included the success of Google's AlphaGo and advancements in autonomous vehicles by companies like Tesla and Waymo. A major theme of the presentation is the application of generative AI, which has been used for tasks such as natural language text generation, translation, and question answering. Generative AI uses large datasets to train models that can then produce new, coherent pieces of text or other media. The presentation also discusses the ethical implications and the need for regulation in AI, highlighting issues such as privacy, bias, and the potential for misuse. These concerns have prompted calls for comprehensive regulations to ensure the safe and equitable use of AI technologies. Artificial intelligence has also played a significant role in healthcare, particularly highlighted during the COVID-19 pandemic, where it was used in drug discovery, vaccine development, and analyzing the spread of the virus. The capabilities of AI in healthcare are vast, ranging from medical diagnostics to personalized medicine, demonstrating the technology's potential to revolutionize fields beyond just technical or consumer applications. In conclusion, AI continues to be a rapidly evolving field with significant implications for various aspects of society. The development from theoretical concepts to real-world applications illustrates both the potential benefits and the challenges that come with integrating advanced technologies into everyday life. The ongoing discussion about AI ethics and regulation underscores the importance of managing these technologies responsibly to maximize their their benefits while minimizing potential harms.

Artificial Intelligence: Facts and Myths

Joaquim Jorge

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

Advantages of Hiring UIUX Design Service Providers for Your Business

Pixlogix Infotech

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

Neo4j

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

Histor y of HAM Radio presentation slide

vu2urc

Recently uploaded (20)

Finology Group – Insurtech Innovation Award 2024

Developing An App To Navigate The Roads of Brazil

🐬 The future of MySQL is Postgres 🐘

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

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

GenCyber Cyber Security Day Presentation

A Domino Admins Adventures (Engage 2024)

Tech Trends Report 2024 Future Today Institute.pdf

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

How to Troubleshoot Apps for the Modern Connected Worker

What Are The Drone Anti-jamming Systems Technology?

Boost Fertility New Invention Ups Success Rates.pdf

Axa Assurance Maroc - Insurer Innovation Award 2024

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

Artificial Intelligence: Facts and Myths

presentation ICT roal in 21st century education

Advantages of Hiring UIUX Design Service Providers for Your Business

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

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

Histor y of HAM Radio presentation slide

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)