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

 

Security – Tech Insight

Hosted at Potato the focus of the talk was Security and Future Interfaces.

The speakers Adam Alton and Stu Cox from Potato spoke about their experiences of working with Google and creating secure digital products.

Firstly Adam and Stu set the scene by talking about Hacking, and how this as designers and developers we may not know how user will use the products we have designed and built. Using our products for something its not intended for. Wether this is White hat hacking or black hat hacking it’s important to understand where users may take your product.

As people within the industry it’s everyone’s responsibility to stop black hat hacking within our products with a moral obligation to keeps people data safe and to help build trust in our clients brands. With security starting at the ideas phase. Making sure that we cover what would happen if the product we built worked and then someone came along and used the service in a different way. E.g. Strava unknowingly showed the running routes that all american military bases. Not only that it can have a huge impact on the brands we work with, with an example being TalkTalk where 101,000 customs details were leaked. With the net result after fines and the loss in brand trust being a loss of £60m to TalkTalk. It was also found that out of the 101,000 customers that had their details leaked only 16,000 had their financial details hacked. Showing how a relatively small number of people can can their details stolen but the loss to the company can be massive.

Khalil Dimachkie came next from Smilepass talking about invisible interfaces. Talked out the technology their company are looking at with face recognition, saying he prefers this a security device over thumb prints saying thumb prints aren’t as succinct as people think they are. With the future being a combination of both face recognition as well as voice print biometrics. Saying how the industry is getting to the point where it can voice print one voice out of multiple voices in a room. Saying how Biometrics are helping users moving people away from something the user has to know and can forget to something you are, which requires less action from the user and eventually can be completely unobtrusive following the trend of how interfaces are gently falling away, with initially buttons, lights, switches moving to now where users have a blank glass slab to interact with. The next next step is to remove the glass slab.

Talking about users hacking face recognition he spoke how it will needs to detect scars, glasses, beard and aging and still recognising it is the same person. With the Intek camera he spoke how they stop hacking from masks or makeup as it can detect the blood that runs under the skin.

The biggest areas where he feels these types of interfaces will have an effect are within:

Finance – Interface will take time as it will be difficult to implement with the legacy systems in use.

Healthcare – Being able to checkin within the GP, reducing waiting times.

Transportation – Logistics companies. People moving through public transport, saving costs on staff and gates.

The final speaker from Liliana Kastilo from SYNK, came to talk about open source and how this can introduce risk within your code. She has found that with using open source most code used within projects today can be someone else’s. SYNK allows developers to review their code to see where vulnerabilities can be found within their pages.

IOT at UX Crunch

Being hosted at Lloyds The UX crunch had 3 guest speakers tonight to talk through their experiences of working with IOT. Here we had Avril O’Neil Co-founder & creative director at Ding Products, Tim Dained UX & Service Designer, previously at Cambridge Consultants, and Priya Prakasha Founder of D4SC (Design for Social Change).

The first speaker Avril from Ding products talked about her company which have designed a doorbell that would allow the person at the door to be able to talk to the house owner, wherever they are in the world. Saying that they have met the gap in the market where people are time poor, and receiving more deliveries than ever.

Within the design process they started to produce lots of small physical props to allow them to see how people interact with their products, before moving into building working prototypes. After looking at their competitors they found the competition was very tech focused, so they wanted to corner the market where they can simplify the tech, creating the easiest of interfaces that people can relate to. One of the main problems they faced was making a coherent product in the box, but still suited the environment when in use.

One topic that was brought up was security, but Ding said that they have specifically marketed their product as not a security device, and will give instructions on how best to use the product when away from your house, for instance when the user is on holiday. It will be interesting to see in a couple of years how users view this product and if that means ding may have to change their thoughts on security

Talking after, Avril highlighted the areas that she thought are important when designing for IOT:

1. The importance of the physical interaction with the actual product.

2. The product must be necessary, so when the hype and excitement has has died down there is still a real need for the product.

3. To create an offline experience, making sure the product can still function when not connected, which can often go amiss with IOT.

The next speaker Tim Dained came to talk about his experience with IOT, within the medical sector. Tim began talking about the sector and how it’s an opportunity to create a more personal experience for patients and clinicians, but the complexities of healthcare system which is stuck in silos that don’t share info and knowledge between each other as well as being very hierarchical.

One of the main issues or questions his team asked themselves was how can they create connected systems where people can manage their disease and not the disease manage them. With IOT becoming the touch point but not the center of the products universe.

3 of the things he learnt whilst working within the healthcare system.

1. Getting healthcare stakeholder to design together.

Knowing how the product will scale once it is in the public domain.

2. Knowing what you want to do with the data.

Creating a user journey to map out where all the data layers start to interact with the product/user.

3. Taking device connectivity for granted.

The third and final speaker was Priya who came to talk to us about Design for social change.

Here she became very interested in the design of our streets and social management when she was involved in a cycle accident and took it upon herself to look at how she could start to change the streets for the better. One of the things she first noticed is that the design changes you make to people’s lives have to be done gradually referring how it is like training for a marathon, starting small and gradually increasing as the user learns and becomes more accustomed to the changes being made.

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.