Instore NFC application

Brief

Here we were tasked to put together a concept to help users interact with products in store, blending the online and offline customer journey. Using NFC to help users in store to find out more about the products they are interested in whilst being able to remove the clutter around the products on show. A study from Human Anatomy & Physiology, Pearson Interactional showed on average users only read 28% of words in front of them, showing how stripping back the displays can help get the right messages to the user.

 

 

A study by Nordic eye tracking found only 10% recall seeing any digital signage despite 47% of time customers attention going on the product. Also finding that 53% of customers wanted to get the best deals when they are shopping instore. Also finding that 87% of customers use their mobile before visiting, 79% whilst in store and 35% after visiting the store. With 82% of customers saying they consult their phones on purchases they are about to make instore and 91% turn to their phones for ideas within the middle of a task. Showing how important it is to merge the instore and online journeys so that users can validate the decisions they are about to make.

 

User journey

Here we were tasked to create a user journey to help paint the picture of customers as they shop for a new phone, showing their emotional state and how this concept can help reassure customers decisions, along with creating a wireframe and design to show how the application could work.

Here we wet out the user journey using our persona, showing how she would go about upgrading her phone and buying instore, and highlighting how the NFC scanner can help the user through their shopping mission.

 

 

Once we had finished collecting people’s thoughts and feedback we then briefed our user journeyTO into a designer to create a digital format that could be used within a presentation deck.

 

 

Sketches

The next phase of the project was to create concepts or how we felt the finished product could look. Below was the ideas of how I felt the user could use the application whilst helping to shop in store, trying to to allow the user to browse the products online as they would instore.

 

 

Wireframes

We then came together with our ideas to create the final version of wireframes before briefing these into a design to create visuals of the application.

Visuals

 

Lifestyle configurator

Brief

Here I was asked to design a concept to help showcase an idea for a lifestyle config, that allows Samsung users to filter through the various products by saying how they will be using the phone/ tablet.

 

Process

First we looked at all the filters that we could use, to help us offer the products that would be suited. This got us breaking each section into payment, lifestyle, work, style, wearables and seeing what options fit into these area. Once drawing up some quick wireframes to show how these would work, we took a look and started to scale down the options to leave with 3 main areas that the user would have to choose from, Pay, Lifestyle and style. These options then allow us to show the products that would best suit the user, as well as highlighting the apps, and accessories the user might find helpful at point of sale.

Sketches

 

Wireframes

 

Final concept wireframes

 

Samsung Homepage

Evaluate the Samsung Galaxy S8 product page and provide improvement recommendations in the form of a presentation to present to the Cheil UX team.

http://www.samsung.com/uk/smartphones/galaxy-s8/?s8-fulldetails

Research

Ideation

  • Allow users to learn about the products as well buying options.
  • When user chooses a phone (colour) the theme of the page changes throughout.
  • Give users an initial view of what the page has in it.
  • Allow an area that shows all the features the phone has in one viewing area.
  • Give more interaction into the page.
  • Allow users to choose the videos they view and add silent view videos.
  • Offer other areas where the user may wish to go
  • Give buying info within page
  • Allow users to add to basket
  • Give social element to page, showing how real users are using their phone right now.
  • Bring advertisement further down the page.
  • Give users more animation/videos to explain functionality of page.
  • Option to allow users to see how this phone compares to competition.
  • Bring nav further down page, then when scrolling down, the nav sticks to top – Would this link to sections on page or go to other areas of site?

Personalisation

  • Change content depending on device – e.g.  focusing on iPhone users.
  • Could you use Facebook data to determine what users are most interested in. Eg taking selfies, adding lots of photos, reading news stories, or posting to determine order of components.
  • Returning user – strip down content on page so that it leads users to click and navigate to more in-depth information.

Sketches

Areas of focus:

  • Making the product the first thing the user see’s.
  • User can select model and colour which can change page theme and info.
  • Users can add to cart without navigating away.
  • Icon nav at top allows users to know content of page.
  • Feature container feeds bullet point information to user along with changing imagery, Allowing users to interact more with the page.
  • Accessories added to page so users can add straight to basket and see phone options as a lead into accessories section.

 

Wireframe

Summary

  • Would discuss and research the role of the page, from business perspective and user perspective
  • Would like yo test the navigation elements to see if main nav should be brought into page content.
  • Images at top of page – Should these be only the model of phone the user has selected, or should the other models fade into the background.
  • Would want to see what works for feature intro text, would description or singular words be best.

Transforming rail

 

High I took a  quick look at the recent survey site about the new rail timetables that are being introduced, after seeing how my 8 friends reacted to the website.

https://www.transformingrail.com/

A friend recently sent me a the link above link over Whatsapp. With a lot of the group commuting into london it became quite a hot topic. When my friend first sent it across it was with dismay at the reduction ot our service. So I had a look along with my mates.

All plugging in our details stevenage to kings Cross. The form returned our existing trains with the new proposed timetable and then gave the option to complete a survey, so we could say what we thought about the proposed changes.

The form showed our current schedule with around 10 trains in the morning period from 7 to 8 o’clock in the morning. With the new train schedule showing just two trains. How could this be right, with all the trains currently being packed. So plugged in the details again to see if anything had gone wrong. The exactly the same outcome appeared.

As a conversation was going on whatsapp about these changes and my friends finding the same, our anger quickly grew. Leaving us all to fill out the form leaving quite harsh feedback.

It was a couple of weeks later when speaking to a friend that I actually found out our service was changing and we would no longer be stopping at Kings cross, and would be calling into St Pancras which is just next door. This new format actual allowing commuters to travel further into london, as far as Blackfriars.

I returned to the form and filled it out again putting BlackFriars instead of Kings Cross. Showing the new timetable with several trains I could now catch.

 

Looking at the page

When Looking at the page again and reading all the way through there was text explaining the changes to the service, but these messages are being missed, probably leading to the survey being incorrectly filled out. Also users can read this and think that the text does not apply to them.

The proposed changes at a glance

New expanded Thameslink network will include more frequent direct services via St Pancras, Farringdon (with interchange to Crossrail), City Thameslink, Blackfriars and London Bridge to Gatwick, Brighton, Horsham and Maidstone East. Additional Great northern Mainline peak services will also be provided to and from London Kings Cross. Trains between Moorgate and Stevenage will be replaced by buses between Hertford North / Watton-at-Stone and Stevenage until at least 2021 in both directions until new infrastructure is completed at Stevenage.

 

The problem

I have quickly noted down some of the problems that I think the page has to deal with and how users are coming to the site.

  • Rail travel is highly sensitive with a big part of a user’s salary going on travel, leading to users expecting the worst and being ready to quickly complain.
  • Media highlighting bad news within the rail sector such as rail price increase and strikes that affect commuters.
  • The link being passed through Whatsapp where people can feed off each others complaints.

Issues with the page:

  • Users have no idea that the service is changing to St Pancras so would not even think about entering this destination into the form.
  • Text explaining the changes are too long making it quite easy to not understand what the information means to you.
  • The text on mobile is served too far down the page. As users see the form first and realise their trains have been cancelled users will scan for the survey button to voice their feelings and don’t look to read the rest of the page.

 

Fix

  • Make specific headers to the new time table that highlights changes quickly, giving a link to new timetable that actually includes St Pancras.
  • Understand that when users enter Kings Cross into the form that commuters are interested into getting to London, and know that ST Pancras is located in the same location. So serve up St Pancras to these users when showing the timetable.
  • Rewrite the text so that it it has less jargon and can be easily scanned.
  • Highlight the extra stations that will become available to commuters.

 

Proposed changes

Thameslink is expanding with frequent direct services to:

  • St Pancras, Farringdon (with interchange to Crossrail), City Thameslink, Blackfriars and London Bridge to Gatwick, Brighton, Horsham and Maidstone East.
  • Additional Great northern Mainline peak services to and from London Kings Cross.
  • Trains between Moorgate and Stevenage will be replaced by buses between Hertford North / Watton-at-Stone and Stevenage in both directions until new infrastructure is completed at Stevenage. This will last until at least 2021.

 

 

Conclusion

I have tried to give more information to users but in smaller elements to display the extra benefits of the new service to the user. Hoping that giving the full information to the user will allow more accurate results once the survey has been completed.

Trading Skills – MUXL Academy project

 

The brief

Discuss real problems that can be solved with tech in 8 weeks, with users you can contact for research purposes.

Here we discussed a variety of ideas first looking at dating apps, which then quickly turned into a way of connecting people. The main idea was a trading skills app where baking a cake can be exchanged for child minding within the local community to helping with DIY around the house.

To first validate our idea we quickly gave a quick profile of what we thought our users could be. This was first time buyers and mums.  

Research

User interview

From the user interviews we quickly found that the amount of trust needed with mums to baby sit or to do the school run was far too much to focus on so we decided to focus on first time buyers and DIY tasks.

This came with its on problems though as to create trust in the neighbourhood and try to make sure that neighbourly relationships were not broken with our product.

Principles checklist from user interviews:

  • Build respect between community. (Any problems can create awkward situation with neighbours).
  • Allow users to focus on immediate friends first that already have a rapport.
  • Try to move away from publicising roles that occur weekly.
  • Find a way that makes people want to join in and help, rather than just receiving work.

 

Competitors


Personas
From the research gathered we created our personas

First time buyer

Young couple Age: Late 20’3 early 30’s

Occupation: Buyer, Works full time, 8.30 – 6.00Just moved into first home.

Still enjoys nights out with friends. Finds there’s not much time time in the week.

Tech savvy, has all latest technology, but not keen on DIY although does help friends if needed

 Mum

Age: 36

3 Kids: 3, 5, 7

Occupation: Product Owner,Works Part time

Works: Monday, Tuesday, Wednesday, Thursday. 9-4

Can work from home, Finds despite not working Fridays a full weeks work is still required to fulfil job role. Will often not leave on time to help team with project queries.

Ideation

First we explored the initial idea of creating journey maps, mind maps, random links, and creative stimulus where we considered other environments related to our users.

 

NABC (Needs Approach Benefits Competition)

Who/ What, How much, When, How, Where?

Taking the ideas we have generated we started to narrow down the ideas and chose our strongest ideas and created the following sketches to further explore our ideas.

 

Idea selection

Here we took our ideas and scored them to finally decide where to focus.

Validating our idea with a quick experiment

Just to see the uptake with friends I carried out a quick experiment. To test the uptake of the our concept I posted a question on Whatsapp to friends asking for help me with a DIY task.

Question posted:

Q: Does anyone want to do some manual labour for little to no pay.

Group size: 16

Responded Yes: 6

Refusals: 1

37.5% uptake in idea

Comments received:

  • Someone asked if people would be up for child minding instead
  • One person asked what points system would they be rewarded with
  • Another asking if there would be beer

Day of work:

  • 5 people turned up with 2 of them turning up half way through the job

Our idea:

Creating a community for personalised needs. Allowing users to reach out to the local community for help with their tasks in exchange for their time.

Here our users can request help for a job and will pay in time. To gain more time the users will have to help other people in the community.


Storyboard

Information Architecture

Journey maps

Here we used our personas and research that we had gathered to run through each task our users would go through when doing a DIY task.

 

User Flows

Using the journey maps I started to look at the general process the user would go through when using the Trading skills application.

 

Site map

 

Wireframes

 

Paper prototypes

Here we wanted to quickly test how to best present user profiles to other users within the app.

We learnt here that it’s best to trim down the information and to focus on reviews and star ratings.

Prototypes

Using Proto.io We started to move the sketches to wireframes and into a direct Prototype that could be tested. First looking at the initial Prototype by using it myself and putting together a User journey to show how the users would flow through the app, making notes and alterations from the thoughts of the rest of the class.

 

User tests

Deciding the research goals

Looking at the current prototype I came up with a list of areas that I wanted to explorer.

  • Do we need a navigation.
  • Does the user understand the process of receiving time for carrying out tasks.
  • Can users easily add tasks and enter information.
  • Can users easily find where to look through tasks and apply for them.
  • Do users understand what is happening on the homepage. (As this is the main control panel that keeps user informed of upcoming jobs, and whether they need to carry out anything.

 

Setting the scene for the User testing

  • You have been doing some DIY and need to get some help to get the job finished. Sign up to Trading Skills using a facebook and get to the homepage homepage.
  • You are about to starting stripping the wallpaper but would like some help this weekend. Please use the app to add a task and then return to the homepage.
  • How would you go about getting some more time that you could use to create more of your own tasks.

 

User interviews

[Photo of the notes taken]

 

Completed Prototype and User flow

Below showing the latest iteration of the Trading Skills app. Using the notes taken from user testing:

  • Putting task that users needs to carry out in a more prominent position on the homepage.
  • More messaging to allow users to know when they have carried out a task.
  • Maps so users know where the task is taking place at a quick glance.
  • Slight copy amends.
  • Allowing users to filter when searching job.

 

 

 

Further development

 

There are further amends or enhancements that need to be explored.

 

These include:

  • Investigating equipment and users lending equipment to each other.
  • Further investigation into linking Friends to help jobs, Wether this is linking the right people to you. Or grouping friends and you can select a group of friends to help with a task, so there is less awkwardness in everyone getting to know each other.
  • Trading knowledge section, maybe people don’t need help with tasks and a quick chat would help.
  • Further investigation on keeping people safe when using this app. Using a photo recognition software that sometimes are used in dating apps to confirm the right person, and to make sure all addresses are correct.
  • If there is no one to help, look to see if you can include local trader advertisement.

 

Sainsbury’s components

A project looking at what new components and functionality we can add within the Magnolia CMS.

Competitor analysis

Looking into how our competitors serve up content containers to their customers.

 

Persona

Taking the personas and turning their needs into question to be answered

and then using these to create “How might we” questions

  • How might we allow our customers to find out more on our products, with interrupting their shopping mission.
  • How might we introduce new products to customers that relate to their previous shops.
  • How might we let customers know of upcoming offers.


Ideation

Wireframes

Starting to sketch out ideas