UX Cross Cultural Understanding

I needed to create a prototype for an app that would aid in the cross cultural relationships between home and international students at The University of the West of England. To do so I conducted research into why students from different cultures were having trouble integrating with one another, and what other issues they faced when moving to the UK to study. I looked at articles that focused on the differences in communication styles of different cultures, spoke with the Coordinating Chaplin for the Universities Faith and Spirituality team, conducted interviews with both international and home students to find out what issues they were experiencing. I then took this information and used it to inform my further research and development of the app.

I started by creating two proto-personas and two mind maps, of scenarios that they may find themselves in using MindMeister. This way I could make sure that my app would be useful to them in a ‘real-world’ setting.

Then I started planning my app’s pages and content, and creating wire-frames.

In order to make sure that my design would work well for the user I created some low-fidelity paper prototypes for quick and easy user testing. I sat down with someone and gave them instructions to ‘navigate’ the app to complete a series of tasks.

I took notes of how easy they found the app to navigate and used this information to inform the final design of the app’s user interface.

I created high-fidelity mock-ups in Adobe Photoshop and uploaded them to Invision as a way to simulate how the app will look and feel when developed. This was great because it allowed me to refine my designs and conduct further user testing.

To test my full prototype on Invision please click here.
To read my written report click here.

Internet of Things

I created a fully responsive website to showcase the development of an Internet of Things (IoT) project called Tulip. The device is designed to plug into a plants soil, take readings of the plants vitals, and send this information to the user via an app on their smart phone.

I had to design the website before I knew what IoT device I would be creating, so I needed to make sure to take into account the information I would eventually need to include. I built the website from scratch using HTML5, CSS3 and JavaScript and made sure to use media queries to have it respond to various screen sizes.

I conducted research into competitors, pitched the device to my peers using Prezi, developed a prototype of the device using an Arduino, and created a short video in Premier Pro to document the process.

To view all of this work on my live website please click here.

UX Workshop

Creating and Running a UX Workshop

I was involved in a UX project to research, plan, present and conduct a UX workshop for University students. We chose gamification, and its importance in user driven design, as our theme. After researching gamification further we discovered Nir Eyal’s Hook Canvas and Yu-kai Chou’s Octalysis framework. We created a Prezi presentaion on the topic that you can find here.

UXprezi

Once we had presented the findings to our class we divided them into groups and had them fill out blank Hook Canvas and Octalysis worksheets for a popular app and then present their work to the class. The workshop was a success with the majority of our students feeding back to us that they had learned something new, had enjoyed the session, and felt that this was something they could apply to projects in the future.

To read my written report on the process of creating this workshop please click here.

UX Techniques

PACT Analysis

I conducted a People, Activities, Context and Technologies analysis of the Student Union (SU) at my University to see if I could get a picture of how people use the space. I created a rough mind map and then fleshed it out using MindMeister. I noticed that a certain area of the SU was not being fully utilised and created a report that put forward the idea that using more technology in this area would help. Touch screens would draw people in and help them to interact with one another (in the form of playing games) and to interact with the University more (by accessing information on societies, sports, events etc).

To read my Student Union Design Solutions report click here.


Proto-Personas

I learned how to create proto-personas and scenarios to test if a project or a service will be of use to its user base. My proto-persona was a student attending an open day that needed help during her visit. I needed to think about her as a well rounded person and come up with what issues she would have and how best to solve them for her. I then carried out a strengths, weaknesses, opportunities and threats analysis of proto-personas.

To read my Proto-Personas report click here.


Card Sort Analysis

As a class we participated in a card sort exercise to categorize films by genre. We then took the results and used a participant centric analysis to show the differences and similarities in what choices people made. I then had to conduct research on the best methods for categorizing content and evaluate the positives and negatives of each.  Open card sorting is better for getting a larger sample of more diverse categories which is great if a website or app has a lot of content. However the results might be scattered so conducting a closed sort can help to narrow down choices and check the validity of the categories.

To read my Card Sort Analysis report click here.


Non-Visual Design

I conducted literature reviews to develop an idea for partially sighted or blind people. The idea was to allow people to share their favourite meals and  inspire others to cook based on smell instead of using pictures.

To read my Non-Visual Design report click here.


Persuasive Design

I applied the principles from the Fogg behaviour Model to two apps that focus on helping the user change their behaviour. It was interesting to see how both apps (Google Fit and Headspace) use simple visual designs to motivate the user to keep using the app and in turn keep up with the desired behaviour.

To read my App Comparison report click here.


Data Gathering

I conducted research into the Universities existing infrastructure for student transport and interviewed a student on their experience of getting to and from campus. The student that I spoke to said that he did often struggle with unreliable buses but was unaware of the university bike scheme. After conducting further research I realised that the scheme was not being advertised as well as it should be and this may have been a solution to his problems had he known about it. I wrote a report on how, although this scheme is great for students, it needs better marketing as many students are not aware of its existence.

To read my Transport Data Gathering report click here.

Unity Maze Game

Creating a Maze Game in Unity

I used Unity to create a maze on an abandoned alien planet for the player to navigate to find the missing ship piece. The maze has multiple camera angles, one attached to the player and one with a birds eye view of the maze for the player to use as a map. As well as this there are many obstacles in the form of spikes, crates and fires that would harm the player and send them back to their last checkpoint. I implemented a key card system that means the player needs to collect a key and insert it into a computer terminal to open doors along the way. All of the maze elements have been created using C#. Once at the center of the maze the player can collect the item they need in order to return to, and fix, their spaceship to end the game.

In order to make sure that I had considered every element of the game I created a  specification before starting to build, and documented the key points and features.

To download this game click here.

Scripting and Creating with Unity

Physics Wall

I created a physics wall made of cubes in Unity and a launcher that spawns and fires balls at the wall to destroy it when the player presses the space bar using a C# script.

physicswallshot

To download this game please click here.

Third Person Cam & Transporting the Player

I created a scene that contained some movable objects and platforms for the player to navigate. I also added some transporters to the map that would allow the player to re-spawn in another location when stood on.

thirdpersoncam

To download this game please click here.

Island Scene

Using Unity’s terrain building tools I created an island scene complete with sky box, water, lighting, spatial sounds and tree assets.

islandshot

 To download this game please click here.

Film Festival Website

Creating a responsive website using HTML5, CSS3, Javascript, Ajax and PHP

I created a horror science fiction film festival that I called Terror Incognita, and then developed a website to advertise it. I used Foundation as it offers a modular and responsive framework for me to build my website with. I stored all of my information in a database and dynamically pulled in all of my content using PHP and Javascript. I used Ajax to create hover overs to provide the user with more information.