My redesigns are not radical.
People often design their own concepts based on how they want it to look like, rather than how it should look like. My redesigns are not about changing the entire design of the Wayfinding System, but rather improving on the existing design to make it more user-friendly and accessible to all users. I do not believe in creating another Design System, when the current ones are barely a decades old.
Honestly, each designs and UIs you see in real-life are not entirely bad. So in this section, I'll bring you through my thought process in redesigning these elements.
Bus Card Reader UI (LTA)
The current Bus Card Readers are getting old. Hence, the UI will need a refresh as well! Had a quick look at the upcoming Card Readers that are being trialled on selected buses, and I feel the UI is good! I have decided to make a guess on how the UI could look like, and also incorporated some elemnts from the current Design System.
CDD/TrainVision
The current CDD/TrainVision UI is functional but lacks modern design elements. A redesign is necessary to improve readability, visual appeal, and overall commuter experience. TEL also uses a completely different design, so my redesign aims to make the UI consistent across lines.
Current Car Door Display UI (NSL)
Current Car Door Display UI (NEL)
Current Car Door Display UI (DTL)
Current TrainVision UI (TEL)
Let's give it a fresh look.
I envisioned to make all the lines use the same design language and visual styles for the
Screen UI. The only distinguishing factor would be the line bands at the top, ensuring easy
identification and consistency across the system. White is chosen as the base for the UI, so
that ensures high readability and a better visibility be it above or underground.
I also noticed that the advertisements were rarely updated and it being very repetitive, so I
decided to remove it from the redesign entirely. However, for STARiS 2.0, the right screen's
ad space is updated regularly, hence I decided to retain it in the redesign. More on that in
the STARiS 2.0 section. But rest assured, I did factor in the presence of advertisements in my
overall design considerations, should LTA really want ads to be included in the UI.
Screen Animation
Doors Closing Animation
Next Station Sequence
Arrival Sequence
STARiS 2 (SMRT)
The current STARiS 2's UI is about 16 years old, and it recently got a minor upgrade, though only for the Next Stop and Station Name Screens. A major redesign is needed to align with the current design used on the R151s, but at the same time I wanted to retain some elements from the current STARiS UI.
Current STARiS 2.0 UI - Line Diagram Layout and Next Station Interface
Current STARiS 2.0 UI - Station Name Interface
Aligning the design with the earlier CDD version.
As mentioned, I wanted to retain some elements from the current STARiS UI, hence I kept the Line Diagram layout similar to the current one, albeit with new and more neater look (no slanted station names), modernized with a newer Doors Closing animation and also a simplified Arrival Screen. This design is identical to the CDD version in the earlier section.
Doors Closing Animation
The Door Closing Animations pays homage to the countdown, now presented in a different manner. The two blinking arrow replaces the numbered countdown, giving a more dynamic feel to it.
Original Doors Closing Animation - Left Screen
Original Doors Closing Animation - Right Screen
Revamped Doors Closing Animation - Left Screen
Revamped Doors Closing Animation - Right Screen
Arrival Animation
Revamped Arrival Animation Example 1 - Yew Tee - Approaching
Revamped Arrival Animation Example 2 - Yew Tee - Arrived