Redesign Including Responsive
myRoom©
OVERVIEW
myRoom© affords the hotel guest the opportunity to self-select or upgrade their room prior to arrival (up to a year in advance) through the use interactive floor plans, room-specific imagery, room features and exterior room views. myRoom© is used by external people (in addition to a few admin/internal teams).
My Role
Product designer- My responsibility included creating all significant artifacts and deliverables, establishing the ground work for the design system in addition to building the front end code base (until developers are brought aboard).
THE CHALLENGE
Primary goals for this project were as follows;
-
Update the visual design and brand on multiple platforms (i.e., web, tablet, and mobil).
-
Improve the overall user experience.
-
Ensure any new UX solutions will scale.
-
Flexibility for future growth
-
Create Front-End code based on the Final design for new developers that come aboard.
THE APPROACH
I needed to gather information from the relative stakeholders to help understand their vision and how I can align them to the overall business objectives. For me this would include research on any market competition and their approaches, research on similar features as well as design principles.
Since Koridor is an extremely small company, I interviewed the CEO and the VP of Product Management to better understand the product flows, personas and some current UX pain points.
RESEARCH
I created personas and corresponding journey maps to help with identify needs and pain points. These personas were generated based on simple interview questioning.
Persona creation from interviews
Some simply user journey maps
IDEATION
I have my research in hand and based on the discovery of potential pain points (as well as requirements), I proceeded to start the designs.
Initial sketches that show some user flow.
Lo-fi and what I call mid-fi designs
USER TESTING
Low Fidelity & High Fidelity User Testing
For user testing, our goals were simple:
• What were the users looking for when they opened the app?
• How would they navigate through it?
With the new high fidelity mocks, what interested users the most now?
Was it learning about finding a room, learning that they could step through each room and see different views, see that there were possible upgrades to their room, or something else?
Again, we let them move around the app without giving them many instructions and took notes on their behavior.
From there, we instructed them on 4 tasks:
1. Click on the Reservation link to start their journey
2. Find your room that was initially assigned to them and walk through it
3. Change your room .
4. Finialize their room selection.
PROBLEM & RESLOVE
A problem that arose from designs was the use of a scroll effect for Floor Room Changes. And while this was a great feature there were a couple of issues that I saw with this option, and they were as follows;
* Not as intuitive to the user that this was how you changed floors.
* We did not have the necessary resources to be able to code this option.
* Caused for "clunkyness" with the floor plan, on the screen. The more oddly shaped floor plan the more clunky and confusing this option becomes. (also see the first point above)
So after much discussion with the VP of Product Management and the CEO, as well as addition research for a viable selection (one that would have a cool effect but still be intuitive)...for the MVP we agreed on just using a simple drop down for the floor change and shelve the roll selection.
Final/Production Design