explore 3D chemistry fundamentals in Google search
Learners can engage with 3-dimensional chemistry concepts more effectively with immersive, interactive 3D models.
Static or animated 3D models were designed to visually communicate specific chemistry contexts, with optimal numbers of annotation for UX and effective learning.
educational landing pages
Clicking ‘Learn More’ in the Google 3D/AR search result takes the learner to a detailed landing page.
Here the user can read more information about the concept they searched for. Or they can continue directly interacting with the 3D/AR asset. If their interest is piqued - they can navigate to a full Labster simulation that covers the concept in depth.
The user can also explore other chemistry models using carousel navigation to switch landing pages.
access to whole 3D/AR chemistry model series
All 3D/AR Labster chemistry models can either be accessed by specific Google concept searches or by exploring the entire asset library via the main landing page.
There are currently 3 concept sets - Bonding, Organic Chemistry and Solutions - with more coming soon.
Product Design Director May - July 2020 + ongoing
Responsibilities Research (User, Curriculum & Pedagogy), visual design, UX writing, wireframing, testing
Team Product Designer, Labster 3D Artist. Product and Marketing Teams from Google and Labster
How Might We…
teach the chemistry concept most effectively in a 3D format?
level up the content available via Google search for these specific searches?
deliver a balanced experience - at the intersection of design, UX, UI, learning, aligning content with curriculum, and within the current technical limits of the feature?
satisfy the most popular searches by curious chemistry learners out there?
Research (user needs, chemistry concepts, domain)
Rapidly design/prototype different solutions to match high-volume Google search terms
Asset creation by 3D artist with rounds of testing and tweaking
Creation of UX content (>28 character annotations, longer concept copy for landing page and marketing)
Left - Right: Mitochondria, BioDigital; Muscular system, VisibleBody; Chauvet Cave, Google Arts & Culture
Google began populating their 3D/AR search results in May 2020, so I explored some of the existing 3D/AR search results for some biology and anatomy concepts to review the complexity of asset design, annotation type and pedagogy. I also followed the user journey through their ‘Learn More’ button to review each of their linked landing pages and the style of associated learning content.
To quickly understand whether we could enhance chemistry learning through populating Google 3D/AR search with chemistry assets, I looked at chemistry student discussion boards on the relevant topics to find their learning pain points and what it seemed they weren’t understanding from content they might currently find via Google search.
Learners find it difficult to grasp 3-dimensional concepts in 2D. 3D learning materials are required in addition to textbooks for full comprehension.
Currently, 3D chemistry learning content availability is limited. Teachers lack the time to create and due to tricky concepts - chemistry isn’t the most popular science tackled in digital content creation in general.
Learners sometimes want a quick explanation of a concept or definition when they’re performing a search. Many search results take you to an online module, long video or simulation.
Learners have difficulty switching between models of representation. In chemistry learners need to consider what is happening on 3 levels at once - what they see happening with their eyes in the lab, and what happens on molecular and atomic levels. Recent research has shown that even if they understand what is happening on one of those levels, they may not be able to ‘translate’ their thinking to a different model. To fully comprehend chemical behaviour, understanding key 3-dimensional spatial fundamentals are critical.
I also considered the problem from a teacher/home-schooling parents’ point of view - how can we create assets that enhance both the learning and teaching of chemistry? And don’t assume a pre-existing knowledge of chemistry concepts?
Current search results either throw up:
full pages or >20 minute videos on the topic from respected web sources like Chemistry LibreTexts or Khan Academy
hand-drawn/clip art diagrams and videos created by well-meaning instructors to convey 3D concepts in 2D
Sketching and prototyping was inspired and informed by curriculum and concept search scoping, research and personal experience of learning and teaching pain points, and from my experience of delivering immersive 3D chemistry content that adds pedagogical and experiental value to chemistry learning.
Due to non-disclosure agreements with Labster, I am limited in showing the rest of the mockups as they contain sensitive information and architecture. If you’d like more information, feel free to contact me at katymould@gmail.com.
UX writing: conveying complex concepts in less than 28 characters. Fitting complex chemistry concepts and terminology into 28 character annotation limits can be tricky at times! Especially when you don’t want to crowd the asset with too many annotations. For future batches of assets, I’ll spend more time balancing the visual learning conveyed inherently through asset design and finessing the bare optimal succinct, explicit written annotations.
Optimising Reduce. Reuse. Recycle. I pride myself on collaboratively designing 3D assets that can be reused or repurposed across many products and applications. It’s a continuous learning point when working cross-platform - we were hoping to take some existing assets built for WebGL/VR and reuse them for mobile platform. Something you think is fairly straighforward to repurpose for a mobile application is actually quicker to build from scratch.