Hello, my name is Craig. User Experience is my thing. Here are some examples of my work.

X

iLearn@Nestlé

The homepage for the global training & learning system at Nestlé. Based on the Cornerstone On Demand SaaS platform.

First step was research. A series of usability tests with inexperienced users and interviews/contextual inquiries with more experienced users. Ideally this should be conducted in person however to get an international dimension much of it was also conducted over Skype.

Once a write-up of the findings from testing was complete, the next step was to consider a broad variety of redesign alternatives; at this early stage there is no such thing as a bad idea, even the worst ideas may potentially have something that can be recycled within them. A mistake some people often make with wireframes is trying to make even the initial sketches works of art; this is not what wireframes are for! Steadily these ideas were refined and a few alternatives produced with Illustrator that could be presented to stakeholders and discussed.

Whilst this was going on, I was also in contact with developers to actually make the end product. The received quote was enormous. Thus t was decided I should experiment myself and see what I could do within the CSOD system.

Developing within the CSOD SaaS framework proved far more difficult than making a stand-alone website. There are lots of idiosyncrasies to deal with; something not helped when part way through my development the software was updated necessitating large changes in my code. The original plan called for modifying the default widgets and navigation bar however this was beyond my abilities and the intention was to use external developers for this. Utimately stakeholders decided the end result as it stood was good enough.

My final solution was intended to be a glocal one; the same broad design and code base is used for all markets, however there is the option for slight modifications to reflect local needs- primarily in the right hand 'market information box' however also on the left, with some markets needing access to Skillsoft (external training).

X

The old iLearn page

ilearn

This screenshot shows the page that was existing previously.

I have added annotations from usability testing to the page.

X

Mockups

ilearn

A selection of the many mockups that were produced; the purpose of mockups is to investigate possibilities, not produce end-product-quality images right away.

One of my less favoured designs is included here. Even bad ideas can help with investigating possibilities!

X

The final implementation

ilearn

Final site, designed and built by me end to end.

A key challenge lay in trying to get my code to work despite the idiosyncrasies of the CSOD platform.

X

HR Solutions Review

Much of my first year at Nestlé was taken up by this project; a comprehensive review of HR Systems in use at Nestlé globally.

For the first few months, covering planning and much of the heuristic evaluation, I was working together with an experienced user experience consultant. For much of the project however I was working alone on the UX side of the project (there was also a more technically focussed side).

There were 4 main activities in this project:

Survey - Covering a representative sample of employees and line managers globally (2000<).   My responsibilities covered writing the survey, sampling the target audience, building the survey on Opinio, and running and analysing the survey. I also assisted with running another survey concurrently; sampling was performed in such a way that we could examine the same markets without contributing to the problem of 'survey overload' which can afflict large companies.

Heuristic Evaluation - Based on a greatly updated version of the "HSS Web Design & Usability Guidelines" (much of which proved very outdated for our purposes), a full heuristic evaluation of each system was performed. Sadly we were only able to complete the evaluation with 2 people per system, more would have been preferable for a more reliable evaluation.

Interviews & Contextual Inquiries - Gathering feedback from as broad a variety of people as possible via in person and remote interviews and visits to their place of work. This helped me to gain perspective on the problems that Nestlé employees face. These interviews formed a principal data source for the creation of my first personas and user journeys for Nestlé.

Usability Testing - The original plan called for performing usability testing of every system. Before I reached this stage however it had become clear that the project was heading in the direction of completely replacing the HRIT ecosystem at Nestlé. As a result the only usability testing conducted in this project was the testing which was used for the iLearn redesign (iLearn being one of the few systems not destined for replacement).

There was no definite end point to this project, rather as results began to appear it gradually morphed into the Hire to Retire project.

X

Persona Chart

map of personas

A map of the 5 'blue collar' personas made via a visit to a Nescafé factory.
This work was the basis of the consideration of 'non-connected employees' in Hire to Retire.

X

Heuristic evaluation

heuristic eval

Heuristic evaluations are certainly one of the less sexy jobs in UX, yet they present a useful way to get the lay of the land before bothering users.

X

Survey Respondents

ilearn

Far from the most interesting discovery from the survey, nonetheless it is one of the few slides of my final report which can be safely shared publicly.

X

Enterprise 2.0 Usage: A CSC Case Study

My masters thesis project involved investigating 'enterprise 2.0' or corporate social media at CSC, and whether it fulfilled its potential to cross 'boundaries' and enable collaborative working.

Though such systems are now the norm in many companies, at the time it was still relatively new territory.

This was a research based project, an investigation of an already in-use system based upon the Jive platform, and how it was used.

X

Hire to Retire

At time of writing (Feb 2018) my main job is as the User Experience Designer for the Hire to Retire (H2R) HR Transformation project at Nestlé.

A major part of this project has been in the production of personas & user journeys and the research needed to get to this point. Much of this draws from survey data from HR Solutions Review and other surveys- the comments section in such surveys is a gold mine. Interviews and contextual inquiries are also heavily used.

Also part of my responsibilities here is proselytizing for the use of user centred design and design thinking in HR. I have made headway here, using Design Thinking methodology for a key workshop. I also played a major role in the preparation of a key presentation to global HR heads, which was done from a persona-based, user centric POV to great success.

Tracking our SuccessFactors system for usability flaws is another task to be accomplished as part of the project. These issues are identified in a wide variety of ways, such as user feedback, personal discovery, and testing

Usability Testing has also featured heavily in this project. This is not based on the system as a whole due to its size but rather on individual components. One such usability testing project which I have recently completed called for organising a global evaluation of a key component; this served both to get feedback from beyond Switzerland and for me to train other people in the organisation how to perform usability testing.

A major innovation in this project has been the development of customer experience testing; focus groups ran jointly with representatives of the process and change management to expose them directly to user feedback and attempt to look at the whole solution holistically, taking into account the system, process, communications, etc...

Unfortunately due to this being an ongoing project and NDAs more detailed information cannot be published here.

X

One of the H2R personas.

ilearn
X

A screenshot of the homepage of Success Factors which I took responsibility for configuring.

Success Factors screenshot
X

How I would improve the homepage based on usability testing; more colours would help to distinguish tiles.

new hp
X

About This Site

This site is designed to be simple.

Good UX isn't about flashy designs that show off the creator's technical abilities.
The key to good UX is allowing the user to accomplish their goal with a minimum of fuss; the goal on this site being to get a brief overview of my work.
This isn't to say appearance is unimportant of course, a simple list may let users easily accomplish their goal but it won't particularly 'delight' them.
Finding the correct balance between usability and appearance is one of the core challenges of UX. Depending on the nature of the system in question, the balance between the two can shift.

This version of my homepage was created in February 2018, replacing an earlier version which dated back to 2016. This site is based on the fancy new grid features of CSS.

An issue with the idea of a 'portfolio website' is that much of my work has been quite heavily focused on research as part of large projects rather than producing a large number of websites. Since most of this research includes confidential data, sharing would be ill-advised.
To make up for this in my free time I am working on a few project unrelated to any real website.

X

In creating this site I was originally thinking to go with a borderless, whole page as a giant colourful image look;
though on reflection clearly distinguishing elements seemed better for usability.

borderless
X

The 2016 version of the site. A parallax one pager with fancy floating images. The menu on the left was something I was very unsure about.

ilearn
X

The original version of this site from 2012.
Created in php, its primary feature was text stored separately to website markup to allow for a Japanese version of the site.

ilearn
X

Afton Bladet

A usability study from my time at university, contributing to the redesign of the web TV player of one of Sweden's largest newspapers.

Full usability study of the top selling newspaper in Scandinavia's foray into streaming video. Conducted in a usability lab, with its results being used in the redesign of the system.

During my time as a masters student at Uppsala University I was part of a team project to improve the web TV player of aftonbladet.se.

This project took the form of a full lab based usability test. The test contained the following components:
1: Participants perform a number of tasks on the website to determine how easy to is to do certain things and which of the multiple possible routes people tend to follow.
2: A post-test interview to ask about people’s thought processes whilst they were completing the tasks. To help with this several further questions are asked using screenshots and questions such as “Which link would you click to view a video clip about the story?” and then asking which style they preferred.
3: A System Usability Scale (SUS) survey
4: A further follow up interview to gain feedback on the test.

Our test uncovered several pieces of information that were incorporated in the complete redesign of Afton Bladet’s web TV player. For instance we found that people prefer to use thumbnails to navigate and that many buttons are completely ignored.

X

A typical screenshot of the page we were testing with key areas highlighted.

ilearn
X

A sample of the finished usability testing document. The site had many ways to navigate, we checked which was most used.

ilearn
X

As well as a SUS survey our post-test interview contained a screenshot-based quiz.

ilearn
X

International IDEA

A team project, evaluating the website http://aceproject.org/ for International IDEA.

After an initial interview with an employee of the project, Jakob Nielsen's Heuristics were used as a basis for a heuristic evaluation of the current website and the screenshots of a to-be prototype website.

Each member of the team conducted an independent evaluation, identifying as many potential issues as possible. A combined list was then compiled and each of the evaluators provided a rating on the severity of the issues. An average of the four was given as an overall rating of these issues.

In the final report annotated screenshots of significant issues were provided.

X

Railway Project

A project originally started during my time in Japan to teach myself about precision drawing on Illustrator. As the years have gone by I have came back to it several times. The project is basically the Tyne & Wear Metro expanded along realistic lines into a pan-North East network. Oh so gloriously nerdy, but not completely irrelevant to UX. Studying the way different networks draw their maps provides valuable insights into design.

As mentioned the core of this project was the map. Transport maps are an intriguing design challenge. It went through several iterations, the big challenge I had was in Newcastle Central Station where many lines all meet in a very congested area bounded by a east-west river to the south and a east-west line to the north. There was a lot of sketching with paper to work out how this could work.

An 'add-on project' I did for this, was a mockup of a website for this fictional company. To design the site I thought about the typical needs of someone looking to a railway company's site and looked towards other rail sites for inspiration.

SJ AB (Swedish railways) took a very interesting approach with the route planner dominating their site. An intriguing idea considering this is (I guess) the reason a majority of visits to the site would take place. However, this is perhaps a bit overly minimalist- other popular reasons to visit such a site would be to contact the company, find out about service disruptions and, if such a system exists, to top up your travel card.

The various 'special offer' tiles were included, as in my experience, stake-holders often do levy requirements to have spaces for content such as this. Again, if this was a real project these would be investigated thoroughly.

If this was a real project rather than simply something I have made in my free time, then the approach would have been rather different. User research would have lie at the core of the design, it would be a grievous error for a designer to just assume they are right without first checking with users.
I was somewhat able to bring user input into my map- requesting feedback online and checking if people understood the meaning of everything. I made several big changes to my design due to these ad-hoc checks.

X

Axure Mockup

rail site

A simple mockup of a front page for this imaginary company built with Axure.

This was just a casual spare time project, the primary goal of which was indulging in my personal nerdy interest in maps and not at all directly related to UX. Nonetheless I decided whilst this image was in my head that it presented a good opportunity to get some practice between a high-res mockup on Axure.

X

Snapshot of my map.

snapshot of map
X

Snippets from my map development thought process; how to develop a busy area with multiple lines converging was a big challenge.

ilearn
X

About me

Craig Tallentire

I originally come from County Durham in the UK.

My academic background is in Human Computer Interaction.

I have also lived in:

The Netherlands- 6 months
Sweden- 2 years
Japan- 3 years
Switzerland- 3.5 years

I have traveled to, as of 21/02/18: 30 countries

I like football. I support Sunderland AFC. As of 21/02/18 this is not a pleasant experience.

I like history and science fiction. I have never actually travelled in time nor space myself. These areas of study, together with travel, offer great insights into people and design.

日本が大好きな人だです。

You can see my CV by clicking here.

If you wish, you can contact me at c.tallentire@gmail.com.

X

Design Thinking

As a part of my Nestlé I've gained experience in Design Thinking metholodgy on both the participant and preparation & coaching side of workshops

X

Design Thinking Persona

ilearn
X

The Idea Graveyard

ilearn
X

Mockup using SAP Scenes

ilearn
X

Digitising Rive Rein

This was one of the first projects I was faced with at Nestlé, I recall first encountering it even during my interview.

The "Rive Rein Virtual Campus" was being developed as an add-on to the Nestlé's CSOD-based training and learning system as part of a broader project to modernise the Rive Rein corporate training centre.

The design and development was already done when I got involved with the project, leaving me to perform usability testing.

I was asked to produce some mockups of potential improvements, however none of these were ever implemented with the technical limitations of CSOD being the primary factor in the decision not to go ahead with this pilot.

X

An initial sketch to show my ideas; made using the oft under-rated ms paint whilst I waited for more powerful tools to be installed.

Rive Rein paint sketch
X

A neater and more presentable sketch made using Axure.

Rive Rein first sketch
X

Another mockup, somewhat better polished however the lack of access to Photoshop at the time shows.

Rive Rein first sketch
X

Fiori Portals

During my time at Nestlé the company transitioned its SAP setup to the new Fiori portal technology.

Towards the start of this project a small workshop was held involving the team responsible for configuring this system, myself as user experience designer, and an external UI developer.

Prior to this workshop I had performed some small ad-hoc tests with representative users and the existing default system.

Many of my suggestions for the system were taken into account as the project went forward with a separate team containing another user experience designer.

X

The 'as-is' as it was. Out of the box Fiori Portal.

Rive Rein first sketch
X

A suggested improvement.

Rive Rein first sketch