Professional Documents
Culture Documents
Portfolio - Adit Gupta July 2019
Portfolio - Adit Gupta July 2019
Portfolio - Adit Gupta July 2019
Portfolio
https://aditgupta.design
The journey so far
01
Started my journey as a freelance
2009 - 2010
developer and designer. Became author
Adit Gupta
3
Founded Function Space - A social
2012 - 2015 learning network for science. The startup
was VC funded.
4
Sketch-the-data
02
Sketch-the-data
A design facilitation exercise for building
data comprehension and visualisation of
data through team collaboration.
Adit Gupta
We faced multiple issues with communication and understanding of data among product, design, data and
engineering teams. This needed to be resolved for building better products.
Adit Gupta
Sketch-the-data was pivotal in resolving these problems and led the way for faster product
development.
7
Why?
Integration Insights
10
Building the data story
DATA COLLECTION
TYPE
VARIABLES
Line graph for showing API error and success rate over time
13
14
Integration Insights
Function Space
03
Function Space
A social learning network for science that
provides a complete ecosystem (articles,
video lectures, problem-solving,
discussions, and networking) for
participants from academia to corporate
research.
Adit Gupta
Web
iOS
16
What problem are we solving?
There’s no single platform for students and professionals to discuss, learn, and network in the field of higher
science and computation. We are providing solution for a market worth $1.9 Billion in e-learning for STEM
(Science, Technology, Engineering and Mathematics)
Adit Gupta
f(x)
Function Space aims to provide a complete learning environment to gain and share knowledge via
discussions, problem solving, video lectures, interactive visualizations and a networking platform for
peers to connect with each other.
17
Version 1- Minimum
Viable Product
I designed and developed the product from
scratch. It was built upon the Laravel
Framework
Adit Gupta
18
Features and design
decisions
Sidebar navigation for scaling functionality.
Task-based organisation scheme.
Adit Gupta
- Discussions
- Groups - similar to subreddits
- Learn - videos and articles
- Peer feed - Content by friends
- Challenges - math and physics problems,
- Labs - experimental features like
computational engine
- Stats - User ranks
- Messages - Peer to peer messaging
19
Personas
Adit Gupta
20
The content was not personalized Content discoverability
Issues in Users from high school students till Taxonomy, navigation and search
the first professionals were not get relevant issues resulting in higher bounce rates.
content due to lack of personalization.
version
Adit Gupta
22% of users were not engaging with We didn’t had appropriate tools to let
discussions that had more than 50 users express their opinions with
21
The experience hierarchy*
Meaningful
Users were not getting relevant content
Pleasurable
Adit Gupta
Usable
The platform had no usability issues Functional
The platform was functional and stable
*Based on PSSUQ survey and user interviews. 2 post grads and 3 doctorates from IUCAA. 3
22 undergrads from IISc. 2 professionals from a data science company.
Our approach
Our focus was on the first three tiers of the hierarchy.
A meaningful product should be of personal significance to each user whereas a pleasurable experience comprises of friendly
language, aesthetics, arousing curiosity, creating flow and leveraging game mechanics.
Our users mentioned Stackoverflow, Spotify, Reddit for personalised experience. They especially loved the tagging feature
on Stackoverflow. Facebook was the recommended platform for messaging.
Adit Gupta
Wikipedia was frequently mentioned as the platform for deep-diving into a subject.
The Hook Model was kept as the basis for user experience on the platform. The model has been described in the book
Hooked authored by Nir Eyal. It’s based on the study of psychology and cognitive biases that can lead to a good user
experience.
23
The hook model
Adit Gupta
24
How me measured?
Adit Gupta
25
Wireframes and Interaction diagrams
Adit Gupta
26 Onboarding flow
Wireframes and Interaction diagrams
Adit Gupta
28 Interaction diagram
Version 2 - Color scheme
Adit Gupta
29
Version 2 - Typography
Adit Gupta
30
Version 2
Adit Gupta
32
Adit Gupta
Video Walkthrough
https://vimeo.com/248329670
33
Version 2
Quarter Topic
Sharing 4 interesting science topics in a
day with users to keep them engaged
on the platform. (Acting as a trigger)
34
Version 2
35
Version 2
36
Version 2
37
Vector discussions
Online discussions are “scalar” in nature. They have magnitude in terms of number of comments but don’t give you a sense of where the
discussion is going unless you analyse all the comments in a particular discussion. That’s precisely what we decided to do at Function Space.
We used natural language processing to analyse all the comments and auto-tagged the comments based on subject matter. The max entropy
classifier in NLTK was used to categorise the comments with pre-defined tags.
All the comments were visualised in a time-series graph based on tags. This gave a true picture of where a discussion was heading based on
subject matter. So, we had magnitude as well as direction thereby leading to “vector” discussions.
Adit Gupta
38
Version 2
39
Equation caller
Writing equations was a critical function on the platform. So, we decided to provide enough flexibility with this feature so that users with
different skills can easily write equations in discussions.
Advanced users could always use LateX for equations. For intermediate users, we introduced a visual equation editor to make equations
without the hassle of remembering LaTeX syntax. And for beginners, we made a custom equation caller, so you just had to start typing the name
of the equation and the system automatically wrote the needed LaTeX for it. The equation database was crowdsourced. So, users had the ability
to add equations to the database.
Adit Gupta
40
New features and Personalization of content Real-time feed
We introduced onboarding to let users The content was provided in a real-time
enhancements select their preferred subjects and level feed that gave a better experience
of rigor.
Adit Gupta
All the content on the platform was These led to better interactions with
41
Function Space iOS app
Function Space was launched on iOS to
provide instant access to discussions,
articles and science news that are
available on the web platform. The app
was released after getting regular
feedback from our user base to provide
“on-the-go” access to content along with
easy sharing options.
Adit Gupta
42
Function Space iOS app - Screens
Adit Gupta
43
Results Better engagement Better satisfaction
The average duration on the platform Our overall satisfaction scores also
increased by 9 minutes and the bounce increased by 3 points.
rate decreased by 15%.
Adit Gupta
Smart search led to more search We were now also able to gauge
queries with reduced clicks to find the content requirements for a particular
44
UX Assist
04
UX Assist
UX Assist is an iOS app that provides
workflows for designers driven by UX
activities. It’s the first app of its kind that
has grouped UX activities into 12 unique
workflows based on the kind of product
you’re working on, namely, an optimum
viable product, minimum viable product,
Adit Gupta
iOS
Timeline : 2016 - Present
46
What problem are we solving?
There’s no single tool available that can assist in the design process by providing suggestions and guidelines
for various UX activities.
Adit Gupta
The app gives you activity based recommendations for each product type and assists you in making
your own workflow according to your business and product requirements. Moreover, you get access to
over 100 UX cards with bite-sized information about each activity.
47
Secondary Research
Adit Gupta
I started digging into reports, papers, articles, and conference videos to understand how designers work and the design
processes they follow for their products. A report by NN/g revealed that 75% of designers perform 16+ UX activities while 50%
perform 25+ UX activities. All these activities are related to user research, information architecture, interaction design, visual
design, and testing. Another survey conducted by Leah Buleyindicated that partial implementation and lack of understanding of
UX design process accounted for 49% of problems that prevent companies from having a greater impact of UX on their
products.
48
Primary research findings
Conducted interviews with 10 designers across the globe
Design processes are tough to follow due to various constraints but can be very rewarding when done effectively.
Design processes vary according to product type, nature of business and time, resource and budget constraints
Adit Gupta
49
Optimum Viable Product
Synthesis of You need an OVP when you’re dealing
51
Screens
Adit Gupta
Community success
The app was featured on Product Hunt
front page
53
Kitchen Sense
05
Kitchen Sense
Kitchen Sense is a smart kitchen device
that tracks the volume of your grocery
items and auto-populates a list of items as
the volume decreases beyond a specified
threshold. The user can then order the
items from a local vendor with one-click
Adit Gupta
payment.
IoT
iOS
Timeline : 2016
Role : Designer/ Developer
Designed and developed the prototype.
55
What problem are we solving?
The need to check the quantity of grocery items in your kitchen is a necessary but a tedious and time-
consuming chore. We automate it with Kitchen Sense.
Adit Gupta
Kitchen Sense is an IoT device that can be placed beneath any jar containing a grocery item, like, salt,
sugar, pulses, etc.
56
How it works
Kitchen Sense is an IoT device that can be
placed beneath any jar containing a grocery
item, like, salt, sugar, pulses, etc
57
The prototype
I followed a “hardware-first” approach for this
project. The idea was to first understand the
feasibility of the project with a prototype
using Arduino Yùn and a Flexi-force sensor.
58
The device
12 cm in diameter, weighs less than 100
grams, adhesive strip, rechargeable battery,
one recharge lasts 2 months
59
The companion app flow
Adit Gupta
60
The companion app flow
Adit Gupta
62
Results The project won second place at
Sequoia Hackathon 2016
Adit Gupta
63