Envisioned Internet
Multimodal Information Search Tool Using Gen AI
PREMISE
Welcome to the future of user experience, where the only constant is change! In a world where the familiar is the enemy, the premise of this project is crystal clear – toss aside visual conventions and interaction patterns of “the internet” and craft an experience that's fundamentally different.
THE DESIGN CHALLENGE
Prototype for an operating system level digital interface that treats the internet as a single multimodal database, which provides access to more random information sources and reconfigures information on the fly based on contextual use.
PROJECT TYPE:
Individual Project
DURATION:
October 2023 to November 2023
SOFTWARE USED:
Figma
Procreate
Miro
TASK BREAKDOWN:
Bag of Tricks
Building out Interaction Iterations
Creating Organizational Concepts
Storyboarding
Making Scenario Video
RESEARCH QUESTION
How can an interface leverage depth in a user’s discovery oriented navigation by providing limited information and create anticipation through a novel form of progressive disclosure?
STATEMENT
I envision a future internet that maximizes the potential of its interface to generate excitement by offering information in a Z-axis layered manner, fostering a sense of curiosity and exploration. This spatially navigable format would compel users to delve deeper, seeking out the nuances and intricacies nestled within its immersive design.
SCENARIO VIDEO
Process Work
BAG OF TRICKS
I started out by mapping different features into various categories that I envisioned my internet to embody. I followed by creating a framework of these features understanding how these would connect with each other.
FOCUS AREAS
Illusion of depth provides opportunities for spatial navigation
User has different levels of exploration
Anticipation
INTERACTION CONCEPTS
I create multiple interaction animations that address my stated purpose for this Internet system. I utilized this opportunity to develop stylistic sensibilities for my prototype. The interaction animations iterations depict only a part of the bigger interface.
ITERATION 1
ITERATION 2
ITERATION 3
ORGANISATIONAL CONCEPTS
At this stage, I started determining what the interactions could suggest about the organization of information on the screen at any given time. I built three different search modes for my operating system:
Global Exploration
Individual Investigation
Single Search Solution
GLOBAL EXPLORATION
Global exploration offers users a wide-angle view of the entire topic or content related to your query.
Ex. - Can you show me the types of furniture I would need when I move into my new apartment?
(The boxes in yellow are AI suggested questions for explorations)
INDIVIDUAL EXPLORATION
Individual Investigation lets users delve into specific sections or elements within the global context.
Ex. - Can you show me the types of furniture I would need when I move into my new apartment?
+ Sofa
SINGLE SOLUTION SEARCH
Single solution search focuses on finding a precise answer, allowing users to pinpoint exactly what they're seeking.
Ex. Which is the best sofa for a child friendly home?
FINAL ITERATION 1