Lttr.
10 Week - Student Project
A redesign of the Nest Thermostat for the Office
Overview
The temperature in the office often an issue, making teams feel disconnected and out of their control. Most thermostats like the Nest aren't built for shared spaces, leading to this discomfort. This redesign reimagines in a "friendly and cheerful" way how the office thermostat can promotes collaboration, teamwork and all around connectedness in the office after the pandemic. Room layouts enable targeted control based on the current location of the room blending with the environment seamlessly. The result is a temperature controlled system that created a shared enjoyable experience for everyone in the office.
My Roles
Project Manager
User interface designer
Team Members
Min Wook Shin
Alana Banister
Hyunsoo Eun
Brian Glennon
Tools
Figma
Jitter
PowerPoint
Client
UXDG 315
Spotlight
Control your comfort, together
Discovery
Defining Terms
What Does Friendly & Cheerful Mean
To quantify the meaning of "friendly" and "cheerful," we created a mood board along with a set of rules to follow in order to achieve a design that conveys this feeling.
Defining Characteristics
With this set of guidelines, we were able to check if our design matched what our client asked for when tasked to create something with that mentality behind. Also, when asked we had direct proof proving our decisions.
Font Style
Sans serif font
Curved edges
Theming
Bright saturated colors
Dark text on light background
Effects
Colored Drop Shadow
35% max opacity
Elements
Bright saturated colors
Dark text on light background
Colors
Warm main colors
Cold accent colors
Design Specifics
Filled Icons
1/4 Line weight of text
Initial Research
As well as achieving the friendly and cheerful mood, we also wanted to look into the current issues and pain points that exist in the office.
Insights
With these findings we were able to come to our three goals when redesigning the nest thermostat
A friendly and cheerful feeling
Our goal was to create
A nest created for the office environment
Simplified user flow for easy use
?
How might we?
How can we redesign a device to be engaging, and bring community back to the workplace
Design
Finding the best flow
Wireflow
Before creating any screens we wanted to focus on creating the most understandable user flow as possible. Breaking down each moment in the mobile and device into an simple flow.
Refining and preparing
Following these concepts, we found the strongest elements and combined them into one prototype for continued testing. Shown is low fidelity to mid fidelity.
What makes it dyslexic-friendly?
When designing an app that supports dyslexic individuals, we prioritized readability with structured layouts, fonts, and spacing.
This is sample text showing how some small changes can make text readable
This is sample text showing how some small changes can make text unreadable
Too condensed
Clean spacing and simple font
User Testing
We gathered 17 participants to test our current flow and found valuable information pointing us regarding placement and organization of items.
18
4
5
5
3
19
20
21
30 minute interviews
17 participants total
THE SET UP
Back to the drawing board
While the user test gave us valuable information on specific elements inside the prototype. But when asked about the feel of the app we realized it felt too childish. Which primarily, we wanted to avoid, so we pivoted.
Friendly but too adolescent
Needs real applications
distracting
This is sample text showing how some small changes can make text readable
This is sample text showing how some small changes can make text unreadable
Too condensed
Clean spacing and simple font
Solution
Presenting Lttr.
Fully custom to your needs
We wanted to highlight the wide ranges that dyslexia comes in with our fully customizable user interface. With this, you can customize every part of the scanner to your personal needs!
(Hover to interact)
USER EXPERIENCE RESEARCH
UX Research program connects the dots between data sets and disciplines,
translates information into actionable
business insights
and effectively communicated insights to positively impact business strategies and goals
UXR is an instrumental part of the design process,
uncovering and learning about people/s real neads.
A
ABC
Untitled
PARAGRAPH
+
TAG
9:41
Easy on the Go
With time-sensitive situations being the core of our product, we wanted to make it as easy as possible to scan text. Even expanding to a widget, acting as a quick action.
All organized in one place
We wanted to make any captures easy to return to, as well as sorting them in there respective places. This also opens the opportunity to view PDFs or larger files for lttr to simplify.
GATEWAYS TO DRAWING
05 / 17 / 2024
COCO & MOSS MENU
05 / 15 / 2024
[UXR] MASTER CLASS
05 / 15 / 2024
CB 4 LIFE
05 / 15 / 2024
MONTGOMERY ST
05 / 15 / 2024
THE PUBLIC MENU
05 / 15 / 2024
GULFSTREAM CENTER...
05 / 15 / 2024
NEURO-SCAD
05 / 15 / 2024
CAMPUS CARRIERS
05 / 15 / 2024
SPRING EVENTS
05 / 15 / 2024
SEARCH
ALL DOCUMENTS
Menus
School
Navigation
9:41
Welcome Back
YOUR PREFERENCES
Edit Menu
EMMA!
Text
Century Gothic
Voice
Male Australian
Logout
Reset Password
Delete Account
9:41
Change your interface for YOU
While we already included a plethora of customizable options, we wanted people to have the access to enable and disable certain menu items. Giving them more time to focus on the now.
Reflection
What I took away
Accessibility benifits everyone
When going through this project designing something for dyslexic individuals we realized that this isn't just helpful for them, but for everyone. When its text is harder to understand, or maybe you didn't bring your glasses, lttr is here to help!
Step back and get another point of view
After designing our product to test, we failed to see the design choices being more childish until we tested it will real people. This gave us then the insights to pivot and create something impactful and relevant.
^^ a reenactment of what my laptop looked like after the project