ui/ux — Chloris Yu

'Bove'- the Ultimate Job Matcher

An ongoing Service Design Coursework that aggregates company and candidates information to provide easy and instant matches.

1. Rich Picture

Adopting the Soft System Methodology, a rich picture is used to explore the existing job- finding process to identity pain points for both candidates and companies.

2. Bak-end Architecture

diagram that explores the back-end architecture of the system depicting data collection, data aggregation and processing with subsequent feedback loops to create a self-learning mechanism

storyboard_1

storyboard_2

Back-End Information Flow

Company Data Acquisition

Aggregated Data & Feedback Loops

The Matching Process

Welcome Screen

Profile Import Screen

Personal Preference Setting

Job Matching

Swipe to the left to decline while swiping to the right to save

Saved Jobs

The Application Tracker

Updating Progress Result

Updating New Stage

Profile Overview

Bar Crawl Mobile App Design

Bar Crawl is a mobile app that offers three different approaches of bar-finding methods with increasing spontaneity for people to find bars of their desire and to develop an autonomous drinking community

Experience Reconfigured

The drinking experience is reconfigured by integrating the previous separate review and social network platforms, providing seamless transition among disparate bar-hunting and related activities within the app itself.

Interactive Demo

SmarTicket- Sprint Design

During the one week sprint app design workshop for MSc Management of Information Systems and Digital Innovation course at LSE, I designed an app in a group of 6 that wins the 2nd price in the cohort. Object orientation and UML strategies were mainly used. The application integrates separate payments for event-based activities by embedding VISA billing information into QR codes associated with the event SmarTicket on phone. The project was judged by industry experts in software innovation from VISA, Roland Berger and Deloitte.

1. Summary

a summary of our project objectives and design methodology

2. Initial long-term goal planning and early stage questions

3. Rich Picture to analyse needs and interests from all parties involved in a closed event

4. Selection of Root Definition

5.1 Winning solution sketch 1

5.2 Winning Solution Sketch 2

6 Story Board

7.1 Use Case Diagram- Customer Perspective

7.2 Use Case Diagram 2- Merchant Perspective

8. Class Diagram

9. Object Sequence Diagram

Photon VR Engine Software Design

Introduction

Photon Engine is a professional tool to create interactive VR film. It weaves 360 video/picture, normal video/picture and audio together to react to user's gaze and create unique VR interactive experience.

1.Import resources

Drag and drop resource files (node editor) into photon engine's editing field.

2.Establish connection

Click and drag on any "Signal" node to any "Action" node to make connection, and then release mouse.

3.1 Create Sight- Trigger Area

Trigger area is a rectangle area. Photon engine monitors user's sight/ gaze and send out signal when it enters, leaves or stays in the area for certain number of seconds. To create a trigger area, select 360 content node, click and drag at preview window to draw gaze trigger area, release to finish.

3.2 One-time or Multiple Trigger

Check "One time" option will disable the trigger area right after it is triggered once.

Competitor Analysis for the 'Trigger' Function

The 'Trigger' creation operation is compared with three existing competitors in the world, with the aim of optimising the user experience in terms of the five heuristic criteria: Efficiency, Effectiveness, Engagingness, Easiness to Learn and Error Tolerance.

4.1 Overlay local video to 360 video

Photon engine supports the overlay of local video/picture to 360 (stereo) video/picture: Connect 360 content first, and then connect local contents which need to appear at same time.

4.2. Trigger to display local content

4.3. Adjust display sequence

If multiple displayable content have been connected to one signal, they will be displayed in sequence. To adjust the display order, click the triangle at the right of "Singal" node, the display order list will be shown. Drag the rectangle up and down to adjust the display sequence.

5. Publish

Photon engine supports to publish VR content as App to all major VR platform. Save project，click menu "Project->Publish", to open publish window. Set content information. Select target platforms. Find the compiled apps at "Publish" folder where project file is saved. Click menu "Project->View publish folder" will open this folder.

6. Advanced Feature - Timed Trigger

Timed trigger works like a alarm clock. After "Start", it will send signals when the timer reaches specified values. Demonstrated here is how to play a music at start and stop it after 3 seconds.

7. Advanced Feature- Accumulative trigger

Accumulative trigger will send signals when integral numbers accumulate to specified values. As demonstrated here, the music will only be played after user's sight triggered all three triggers.