VISIPOINT

Desktop, Kiosk & Tablet App (SaaS)
By baileyminmin 6 years ago

VISIPOINT

Client: In House

Type: Tablet & Desktop Application

Responsibilities:

  • Lead Designer
  • User Research
  • Prototype Tester
  • Information Architecture
  • Wireframes
  • User Interface Design
  • Animations/Interactions

CHALLENGE

To create a visitor management system for visitors and staff.  There would need to be various user groups using the system, it will provide Photo ID badges, up to date emergency lists for evacuation & live information on who is signed in.

SOLUTION

A reception based digital management visitor system with:

  • Simple visitor sign in
  • Instant Photo ID – Badge
  • Visitor Pre-Registration -email invite or QuickPass QR code
  • Email notifications, to staff
  • RFID Staff sign-in
  • Multi site management
  • Custom branding for front end
  • Desktop App – Management
  • Report generator – realtime
  • Evacuation Docs

RESEARCHING EXISTING PRODUCTS

Time was spent researching and looking at similar Visitor Management System SaaS products – several companies at the time of starting this project in 2016 where providing some expensive safeguarding solutions, some where targeting different platforms such as UWP specific builds while we wanted to create an accessible, scalable web based product.  Initial research finding found that kiosks where expensive and took up lots of space which put smaller businesses off.  It was decided to focus on a tablet based solution which could be easily scaled to a kiosk screen if required.

From the different VMS products we analysed there was a gap in the market to provide Photo ID badges to the system to be printed out for visitors and guests – initial research finding found that most business where keen for this feature that wasn’t available on the market.

Diagram below shows the App Flow / Information Architecture

CLIENT USER JOURNEY

From the Information Architecture – quick flow diagrams that turned into basic wireframes where created.

 Showing the journey a visitor would take on the client side

Sketching the users journey above helped me quickly understand the core functionality of the app, which was then easy to relay back to the development team to review and iterate accordingly.  A fully interactive clickable prototype was created for user testing, and feedback gathered. The feedback was used to inform iterative design changes for the following versions and the user testing process carried out at critical times until the prototype accurately represented the flow of the end product.


DESKTOP APP WIREFRAMES

Basic features and functions are wireframed to get a feel for how the desktop management system would function, and link to the client facing application.

Desktop Initial Concept Wireframes

At this point the Visitor Management System was going to contain two main applications:

  • Client facing touchscreen Tablet (iOS & Android OS) Web application (Responsive design for kiosks also considered)
  • Desktop Management Console Web application. (Responsive design for different screen resolutions)

TABLET / KIOSK APP

The Hi-Fi versions of the Tablet / Kiosk was created using the style guide and grid as shown. For a sense of familiarity Google Material Design foundations and principles were used, this was also used for the Desktop application, to create a cohesive design across the different platforms.

DESKTOP APP

We needed to provide a uniform experience through different platforms and devices so we based the final product on Material design principles. Using this framework, we could get a consistency that will enrich the user’s experience and give them a sense of familiarity.

LESSONS LEARNED

TESTING

Testing and optimising code and art assets was crucial to speed up loading times if a page took more that 2.5 seconds to load this was too long on an average bandwidth, and changes made accordingly to look at speeding up the testing to avoid user frustrations.  More questionnaire and review feedback would have been useful for the initial beta and alpha phases of the development.

INTERACTIONS

The client facing kiosk and counter mounted tablet has many touchscreen inputs and using animations helped influence the user experience of these devices for clear instructions and user inputs. Subtle animations with user interactions proved to be very important during user testing.

SIMPLE MANAGEMENT SYSTEM

Keeping the desktop management system simple was key as adding lots of new features proved difficult to explain to new users after testing, this made simplifying certain features to make them user friendly was key for the success of VisiPoint.

RESEARCHING MORE

Researching existing products could have been carried out better, with better organisation on key features of existing products to help form a digital strategy to not only match leading competitors, but to also do things better and improve valuable features that were missing or outdated.

NEXT PRODUCT