In the traditional physical button access control devices, the keys of each function are generally separated independently, which makes the user easy to get lost in the densely packed buttons. Some buttons are on the left and some are on the right. Therefore, this time the access control touch interface hopes to use the main function keys more centralized, making it easier for users to understand and use those complex buttons. Yoswit Smart Access Control Touch Panel Interface is divided into a promotional information and video intercom on the left, and the main function buttons on the right, which are expressed in an orderly manner from top to bottom without separation.
Intensive and User Friendly - Yoswit Smart Access Control Touch Panel Interface Design
Project Overview
ROLE: UI & UX Design, GIF Design
CLIENT: Yoswit
YEAR: August 2020
KEYWORDS: UI & UX Design, GIF Design, Smart Access Control, Interface, Intensive, User-friendly
Design Process
01 Empathize
Design the first digital button access control interface is a big challenge that there are less information to reference.
02 Define
Analysis of the traditional physical button access control devices that is so complex to read and use.
03 Ideate
Design a left and right separate interface, with promotional video on the left and access control system on the right. And make the UI style guide to the engineer and communicate with him to explain the idea.
04 Prototype
Engineer make a fast interface prototype to test.
05 Test & Adjust
Test the prototype and adjust some size of the text.
06 Launch
Install the APK to the 10.1″ inch smart access touch panels and the two in one devices on HKSTP InnoCell project.
Sketches
Wireframe
UI Style Guide
Size & Space
Intercom system calling GIF Design
After entering the unit, the window on the left will enter an intercom mode. The design in this call will vibrate left and right, with some ripple effects to create an atmosphere of vibration and signal amplification.
Final Design
Pin Code
QR Code
