Little acts of rebellion

Jess White on the stage at New Adventures
Jess’s act of rebellion. Photo: Stefan Nitzsche

Last Friday evening, I spent time with my friend Anna reflecting on the tech industry. We discussed local tech events, from Nottingham meetups Women in Tech Nottingham (WiT Notts) and Tech Nottingham and the recent New Adventures conference to FOSDEM, which Anna had recently returned from. Anna’s experience of these tech events varied and what struck me was how her experience of FOSDEM was different from that of the Nottingham events with regard to female and gender minority diversity within the attendees of the event.

Hearing Anna’s mixed experience of these events, I started questioning whether am I biased in my understanding of women in tech? Because I co-organise WiT Notts, which we have seen grow and grow, and have been a (non-solitary) female speaker at a number of meetups and conferences over the last few years; am I seeing a more positive version of diversity at the tech events I attend than others do?

The events I’ve been involved with have focused on being inclusive but inclusivity isn’t as easy as it may first appear. Initiatives such as pronoun stickers, first introduced to me via DevOpsDays London and recently used at New Adventures, are a step in the right direction. However, these stickers are not without issue.

WiT Notts were very kindly given pronoun stickers from DevOpsDays London to use at our events. Whilst attendee feedback about the stickers is generally positive, I am aware that some attendees don’t pay attention to them or feel the need to wear them. We’re working on this little-by-little to help all of our attendees feel comfortable. If you’re unsure why these stickers are important, this article helps explain why everyone should include their pronoun in their profiles and at events.  

Inclusive initiatives aside, what else can we do to encourage women and other minorities into our industry? It’s something that we’ve been working on over the last few WiT Notts events by facilitating talks and activities that empower and build up the confidence of our attendees: female, male, non-binary or of other minorities.

How to talk really, really good

Last week Jess furthered this with her talk, How to talk really, really good. In it, she shared her experience of getting into speaking at events, along with some practical advice on how to get involved ourselves. Her talk was accessible and honest, she admitted to being nervous in front of a home crowd. From the feedback I received afterwards, that really resonated with people.

If we’re to see a shift in diversity in tech, we need to provide speaking opportunities and create safe spaces for female and minority speakers to practice. We also need to provide role models for the next generation coming into the industry. One of my colleagues messaged before WiT Notts asking if he could bring his 14-year-old daughter. She was more than welcome. When I caught up with him the following day, I was pleased to hear she’d enjoyed the event and was inspired by so many people gathering together to support diversity in tech – an industry she is considering joining.

This is why Jess’ talk was so important. We need women and other minorities to be visible in the industry, especially for young people who are deciding if it’s an industry that they want to be a part of.

Stepping out

In her talk, Jess referenced ‘little acts of rebellion’. I can think of no better example than that of one of our regular, and beloved, attendees Rizwana. Riz spoke at our first WiT Notts Lightning Talks event last June. She shared a poem about WiT Notts that I wasn’t expecting (not knowing that one of her many talents is poetry) and was really touched by. Through putting herself out there and stepping onto our stage only a few months ago, she went onto contribute a poem to the New Adventures conference publication which she opened the conference with. Words cannot express how proud I am of Riz and proud of Emma and myself for helping facilitate Riz’s journey in a small way. (She’d have excelled on her own, I’m sure, but I hope that we have given her a little nudge.)

Rizwana opening New Adventures
Rizwana opening New Adventures. Photo: Stefan Nitzsche

We’re running another Lightning Talk event in March. As organisers, we want to showcase a diverse mix of speakers and talks that demonstrate the expertise and passions of our attendees.  Public speaking isn’t easy though. It takes a lot of confidence to speak to an audience of friends and strangers.

This confidence doesn’t magically appear when you hold a microphone. I wish I could say it does, but in my experience, nerves still run high. Confidence can be gained. I have learned to relax into speaking, despite my feelings beforehand. Practice is everything – you may not be confident in your speaking ability, but if you’re confident in your material and the message you want to share, this really helps.

Get involved

My advice is to give it a go. Lightning talks are great as they are only five minutes long. You may find that you enjoy it. Equally, you might hate it. Both are ok, not everyone has to be a speaker. You can contribute by listening to those who speak. And more than listen, encourage. Pay attention to them, nod if you agree with what they’re saying, smile if they make eye-contact. This helps build confidence in speakers of all experience and ability. Be a friend to the speaker, even if they are a stranger.

Since the time I’ve been involved with women in tech, I’ve seen our industry move forward. Perhaps not as much across the board as I had hoped but the needle is slowly moving. A year or so ago, Charlotte Jee published a list of women in the UK who could speak at your tech event. This list has recently been updated with many more speakers than the original post. We’re starting to see more women speaking at and attending tech events and conferences and this is a great thing.

You can’t be what you can’t see”
– Marian Wright Edelman

If we want to empower women and gender minorities, especially of the next generation, we need to be visible. They need to see us. It’s up to us to support this in whatever way feels right. Whether you are a speaker, writer, podcaster or a consumer, be visible and a part of the industry. This is how change happens.

Resources

Here are some resources to help you with your speaking, should you wish to have a go:

Challenging assumptions

Painted arrow on the road

I’d like to think that our industry has moved on from the image of the lone designer – the artist sat in their studio working on a masterpiece design that they unveil with a flourish to the world, finished and without input from others: ‘Here is my pixel-perfect design. I have solved everything single-handedly.’

We certainly used to think this way and I am as guilty as any other designer for having worked like this. As an industry that embraced the terms ‘rockstar’ and ‘guru’, we were definitely not backward in coming forward. But then things changed. The prominence of user experience rose, scaling out to user research, service design, and customer experience. We started thinking much more seriously about accessibility. In short, we started to think of people using our products and services less as users and more as humans.

Human-centred design is no new thing: the term has been around for decades. For some designers, however, I believe it causes friction. To be human is to be vulnerable, fallible, imperfect. We don’t like to think of our designs being this way. The trouble is that our designs are used by people, and people don’t often use them in the way we intended. They find ways of using our products in ways we never imagined, and find weird and wonderful shortcuts to reach their goal – did they not see our carefully crafted user journey maps? Did they not understand they had to follow the linear path we envisioned for them? Why are they using it wrong?!

Right and wrong are, of course, purely subjective. As designers, we’re used to subjective opinions on our visual work and know how to respond. But do we allow for the same level of subjectivity in the use of our designs, or do we just guess how we think things should be?

Sometimes, assumptions are all we have to begin with and it’s OK to use them as a starting point. The issue is, however, if we don’t follow through with validating those assumptions, we potentially damage the experience and create barriers between us and the people we’re designing for. When we assume we know what they need, we’re making people passive recipients of our work, not active participants.   

Fortunately, we’re now likely to find designers working in multidisciplined teams where the needs of people using our products or services are important. We research, test and iterate designs, and undertake processes of continuous improvement. Through this approach, we’ve learned to test and validate assumptions. This is reflected in what we’ve done in the industry: we’ve changed priorities, had new conversations, and refined and improved our working practices. All while hurtling along at breakneck speeds, in this ever-changing, exciting space.

While we’re challenging and changing the way we create work with other people as the focus, how often do we stop to think about how it impacts us directly: when was the last time you questioned assumptions surrounding your own career? Do you have a plan? Do you know exactly where you want to be five, ten, twenty years from now? If so, and you’re happy with it, congratulations and good for you. You’ve thought things through much more than I. But, I’ll let you into a secret… I don’t want a plan.

Eight years ago, I was a graphic designer. It would have been easy to stick with this and not confront the assumption that this was my only path. Instead, having a newly found interest in web design, I started looking at my work differently. I went to web design conferences (New Adventures being one of them), read about the industry, and learned to code. I started thinking about how people would use my designs, not just what the visuals looked like.

I didn’t have a clear career direction during that time of change. I was uncertain about exactly what I wanted to do and what work would be meaningful to me. It’s taken time to realize what that is. I’ve moved through graphic, web and UX design to consultancy and user research. This journey has been a process of discovery: finding a spark in things that interest me and letting it burn into something new and compelling. In addition, building relationships with people who support, influence, inspire and encourage me to think differently has shaped me into who I am today.

Let’s not forget that we’re in an industry that doesn’t stand still. Who knows what new areas of design will come and where we’ll see opportunities to alter what we do? We can’t predict what these progressions might be. After all, many of us have roles that weren’t common five or ten years ago. And what about the evolution in technology? With the rise of AI, there is potential for parts of our work to become automated. How will this change design? Thankfully for us, whatever the future looks like, as designers designing for people, there will always be a need for human understanding.

We have a responsibility to the humans we design for. We should create purposeful and empathetic designs based on real-world situations and needs. Design should be adaptive and we should be too. We can’t predict the future and that’s why I don’t want a plan. I’m happy pointing in whichever direction stimulates, excites, and is meaningful to me – with the knowledge that this will change over time. In the same way that we shouldn’t always expect people to follow a particular user journey, we are not set on a singular path. Let’s allow ourselves the flexibility to deviate as and when we need to. As JRR Tolkien wrote, ‘Not all who wander are lost.’

The original version of this article was commissioned for New Adventures magazine, January 2019.

A New Adventure

Ethan Marcotte speaking at New Adventures

Last Thursday marked the long-anticipated return of New Adventures, a digital design conference held in my hometown of Nottingham. From the first teaser tweet which simply read “2019”, it became the main event highlight on my calendar. I was excited and delighted to see it come back after a six-year break.

New Adventures was the first industry conference I attended. As a designer with a background in print and editorial design, it taught me about the web industry as it was then. A year and a half after the 2013 event, I quit my full-time graphic design job and started running a web design company with my then partner. Later becoming an independent UX consultant before joining SPARCK at the beginning of last year. Attending New Aventures and other subsequent conferences and events inspired me to follow this career path.

Imagine then, how happy I was last summer when Simon asked to meet for a chat about getting involved with this year’s event. I thought that we were going to discuss Women in Tech Nottingham’s potential involvement. We did, and it was great to have WiT Notts contribute to the fringe events, but I was surprised and honoured to be invited to join the line-up of speakers.  

Thinking about the gap between 2013 and now, it seems that our industry has changed a good deal in quite a short amount of time. Although the World Wide Web has been around for 30 years, when New Adventures began it felt like we were very much in our infancy. As a relatively new facet of design, compared to print, for example, which has been around for centuries, we are extremely young. We’re still finding our way.

My abiding impression from New Adventures 2019, was that we are starting to grow up. Both in terms of the conference itself; promoting inclusivity through diversity tickets, pronoun and social interaction stickers and a code of conduct; and in the messages and tone of the talks and speakers.

Just as children move from a preoperative egocentric phase to maturing and understanding perspectives of others, I feel that as an industry we’re on a similar journey. We started off being heavily invested in ourselves through how and what: “How do we design for this new medium? How do we communicate online? What tools and frameworks should we use that support this?” These are important foundational questions that made sense to focus on at the beginning.

It’s now starting to seem like we’re slowly emerging from this self-centred approach and looking at a wider picture. I see a division here. There are many digital practitioners who practise human-centred design through UX and research but they are at the forefront of the curve. A quick Google search brings up an abundant number of articles on the top web design trends of 2019. There are still plenty of arguments about the best UI and prototyping software to use and ongoing disagreements over the latest and greatest front-end frameworks.

These are inward-facing conversations. They are for us and us alone. They are not solving problems for the people we’re designing for. To take an external perspective we must look not only towards the needs of the recipients of our digital products and services but start addressing how we impact those people.

New Adventures 2019 felt like a sea change. The key themes of the event were inclusivity and diversity, ethics and responsibility. The focus shifted from internal tools, trends and processes to bigger thoughts and questions: Ashley encouraged us to stop thinking like industry experts and find out how our customers think; Brendan asked us to put work out there that deserves to exist; Naz promoted diversity within teams to reach wider audiences and called upon us to do better; and Ethan addressed the power and privilege of design, questioning where we as an industry are heading.

It seems we have finally started looking outwards: identifying our responsibility and the associated consequences of our actions. We’re pushing past our early egocentric selves and are moving towards maturity. We’re still making our way along this path, learning from each other as we continue to grow. Ethan, rightly, encouraged us to approach this with hope. The talks at New Adventures showed a significant shift in our thinking and from the feedback, this year’s themes seem to have struck a chord.

My hope is that we see New Adventures return next year so we can see what direction these messages have taken us in. The call to action from the opening of the conference was “Now is the time.” I couldn’t agree more. It’s up to us to shape and build our industry, to help it develop and to make the web a better place. Let’s get to it!   

Permissive UX design

Some months ago, at Women in Tech Nottingham (WiT Notts for short), I prompted our attendees to have a paper snowball fight. Why you might ask, were we facilitating an exercise in which people hurtled scrunched up balls of paper at each other? Because it provided an opportunity for our attendees to meet and chat. As soon as snowballs were picked up and their owners found, the volume of conversation in the room rose way beyond that of previous events. My learning from this: getting people to throw things at each other’s faces is an instant way to get them talking.

To give a little background to this scene, it came about from us holding a Retrospective during a previous WiT Notts event. When WiT Notts was founded, we had a bill of two speakers. Partly because this allowed double the opportunity to showcase brilliant female and gender minority speakers but also because it is the model of many tech meetups.

It is hugely important to us, as organisers of the event, that it isn’t a one-way street. In order to create and maintain an inclusive event, we need to listen to our attendees to ensure it works for them. We found out that they wanted more opportunity to get to know each other and the time before and during the talks wasn’t long enough to do this. It was also apparent that, understandably, some attendees were not self-confident when it came to speaking to people they didn’t know.

One of our aims has long been to help build a community of like-minded people who support and promote women and gender minorities in tech. From the Retrospective feedback, we reassessed our format and switched to a single talk followed by a facilitated session. Now, we regularly host a light-hearted networking session, such as the paper snowball fight, people bingo, guided discussions and hands-on workshops. Crayons have also featured; they were surprisingly popular.

Last year we hosted our first lightning talk session which was one of my favourite WiT Notts events. We gave our attendees permission to try something new, to share something about themselves and to step outside their comfort zones. We’re now seeing the rewards of evolving WiT Notts. We’ve seen relationships form, new people welcomed and brought into conversations with our regulars and individuals’ confidences grow.

Which has led me to consider, why has this been successful? Aside from making an event which is a safe space, I think comes down to permission. By allowing people to throw paper snowballs, we gave them the go-ahead to speak to each other. They were authorised to talk to a stranger, more than that, it was encouraged (but not mandatory).

We all need permission throughout our day-to-day lives. Polite society wouldn’t function without it. We wait (hopefully patiently) for our coffee order to be taken, hold back until the bus driver waves us on, wait for a pause in conversation to allow us to speak. Imagine if we didn’t have this, we’d all be a bunch of degenerates. We require the consent of others, and ourselves, to help us move through life.

Online permissions

What about online: do we consider and build permission into our digital products and services? I don’t mean native app permissions. These have their place; when well-designed they help us move through an onboarding experience, and when badly implemented make us mistrustful of the product’s intentions – why, shopping list app, do you need access to my contacts?

No, I’m thinking broader than this. We don’t step into a coffee shop and state our order without being asked, that would be rude. However, I believe, we expect people using our digital products to be authoritative when interacting with our designs. We often treat our products as a one-way interaction. The person using it is in control of the direction they take through it. They act with full autonomy. In theory, this works. We want our designs to be so intuitive that people can just use them.

What if it doesn’t work though? What if people lack the confidence and understanding of what they’re expected to do? If we change the way we design to be more aligned with our real, non-digital lives, what impact would that have? Rather than assuming that people want autonomy, what if we assumed, in some cases, they don’t?

Confidence and digital exclusion

For a number of reasons, many people struggle with digital products and online services. A lack of confidence is one factor. In the UK there are 11.3 million adults who are classed as not fully digitally skilled. These people range from never having been online to having the means to go online but neither the inclination, confidence, or skills.

As digital professionals, we’re native users of the web. Not only do we know how things work because we understand the design patterns behind them; we’re confident navigators. When things don’t make sense to us, we sigh, roll our eyes and send screenshots of poor design to our friends and colleagues (or is that just me?). We blame ill-designed systems because we know that it is the system at fault, not ourselves.

This is where we’re at, but others lack confidence. When an online service doesn’t work as they expect it to, it is often themselves they blame. They’re just no good with computers.” In the past year conducting user research, I’ve met many of these people. As Donald Norman writes in his seminal book, The Design of Everyday Things: The vicious cycle starts: if you fail at something, you think it is your fault. Therefore you think you can’t do that task. As a result, next time you have to do the task, you believe you can’t, so you don’t even try. The result is that you can’t, just as you thought.”

If we start to picture the people using our products and services going through this thought process, how much more important is it to work guidance into our designs? By adopting a permissive attitude, can we start inviting people to interact online in ways suited to their confidence levels? Rather than expecting them to have a clear goal that they’re trying to achieve, what if we reframe it as a need?

Permissive UX

From permission grows empowerment. Perhaps with some experimentation, screen design can better support this. What if screens are not the answer? We’re starting to see a rise in adoption of voice assistants in people’s homes. Currently, this is technology that we demand things of, it’s subservient. But what if it was genuinely more conversational? What if it catered to people who lack confidence in traditional online interactions?

Can we instead start crafting experiences that better mimic our day-to-day lives? A system that encourages conversation instead of instruction. A system wherein people don’t have to have a specific intention to command but can afford to be lost. Where they don’t need a goal, they can simply state their need and that need is met.

We’re still in this emerging world of voice technology, machine learning and non-screen UI. I am by no means saying that this will be the answer; we need to go through many more design and research cycles to see if this is even the right direction. In the meantime, let’s think about how to give people the freedom, direction, guidance and permission to interact with our products and services in a way that is suited to them. Let’s allow them to be lost and help them to be found again.

What I learned from Women in Tech Nottingham lightning talks ⚡️⚡⚡️️

An attendee speaking at the event

Last night we hosted our first WiT Notts lightning talks event, it was a truly fantastic evening. At WiT Notts one of our goals is to give a voice to our speakers where they might not otherwise get heard. But more than that, to create an environment where people, especially women and gender minorities, feel welcome and comfortable to share their experiences with us.

There’s something kind of magical when you get a group of people to openly share with each other. The honesty of everyone’s talks, coupled with the encouragement and support of our attendees, created an atmosphere full of friendliness and inclusion. We all learned new things from each other. Some talks were of failure, mistakes made, and lessons learned. Some on knowing when to stop and understanding other people and their situations. Some about our passion for tech and our work. Some on inclusivity; on finding a place where you belong. And very passionate and animated (complete with bee impressions) talks from Emma on bees.

For me, the talks couldn’t have better-illustrated women in tech: passionate women sharing their stories; honest voices admitting difficulties but not succumbing to them; advice and support to others; and emotion-driving talks that made us laugh and in some cases, hit us right in the feels.

If I was looking for an example of women encouraging women, I couldn’t have hoped for a better talk than Charlie’s How to wing a presentation talk. (Definitely a woman after my own heart.) It was the final talk before the break and caused several of our attendees to get up and do an impromptu talk in the second half. Some of whom had never done public speaking before and had certainly not arrived with the intention of standing at the front of the room.

I think that’s an incredible power, to encourage others to get out of their comfort zone. To say it’s ok to be nervous, it’s ok for hands to shake a bit and voices wobble. Because people aren’t judging the delivery, they’re listening to the words. That’s the important part.

For an event whose other goal is promoting inclusivity, two talks really fitted this. Rizwana and Nina both delivered talks on finding a place to feel included. For Riz, it was a poetry meetup, she also performed an original poem, which was delightful. For Nina, she’d found herself in the (frankly terrifying from my perspective) world of Roller Derby. But both had the same message of discovering a place where they belonged, where they could build confidence and feel at home.

And that’s my personal goal. To create an event where our attendees feel like they belong, feel welcome and supported, feel part of a thing that’s bigger than all of us. I read an article recently on how women in tech events positively impact their attendees and I hope we’re doing that too. I think we are.

The thing that I love is that now we know each other a bit more. At the next event, we can ask Anna about her home automation plans, we can find out how Emma’s bees are doing, we can ask Jenny how her app project is going. It’s a platform to open up communication, community and friendship and I couldn’t be happier to be a part of that.

Our amazing speakers

I cherry-picked a few talks, but they were all fantastic. Thank you so much to everyone who spoke at the event.

Louise Paling: What is Agile? (through the medium of lego star wars)

Jenny Prokop: Why I failed at Kickstarter & what I’m doing about it

Anna Dodson: Lightbulbs and being lazy

Emma Seward: Bees!

Aimee Gamble-Milner: When I learned to stop

Rizwana Akmal: ‘Tis a poetry talk

Charlie Whyman: How to wing a presentation…

Helen Clark: Sharing user research

Claire Abbot: Things that are a thing!

Lucy Williams: Component-based web design

Aimee Gamble-Milner: Presentation tips I’ve collected

Emma Seward: More bees!

Nina Swanwick: Roller Derby

Women in Tech Nottingham at Hack24

Women in Tech teams at Hack24

Without a doubt, Hack24 has become one of the tech event highlights of my year; its only competition being the epic Tech Nottingham Christmas parties at the NVA. This year, my fourth year, was no exception. It was, however, different as I stepped away from being an attendee and donned a red volunteer hoodie.

As an organiser of Women in Tech Nottingham (WiT Notts), I was very pleased to find out that, once again, we were given the opportunity to enter two teams of attendees into Hack24 2018. As tempted as I was to take a seat at the hacking table, I wanted to be able to talk to other volunteers and attendees about WiT without feeling like I was abandoning my team. I was there, though, to support them in their hacks.

It shouldn’t come as a surprise that the WiT teams, Knit-Wits and WiT Happens, worked amazingly well together. This year we had a great mix of UX, front-end, back-end, full-stack, and ops – across a range of ages. Some members of the teams knew each other before the event, some knew each other vaguely from WiT Notts, but both teams didn’t know each other properly until ten days before the event. It didn’t show.

The level of teamwork, friendship, support and laughter coming from the WiT team tables was wonderful to see and it was so much fun hanging out with them. Often during a WiT Notts event I have to keep one eye on the time, food, social media, or looking after speakers, so I don’t get to spend as much time talking to our attendees as I would like. Spending time with these lovely ladies was a great treat.

I’m delighted that our WiT teams did so well. Not only were they the poster-child for teamwork, but one of our teams, the Knit-WiTs, won two of the challenges: The Thomson Reuters Do Good with Data and the MHR Easter Egg Hunt. Seeing a team of women who didn’t know each other well, creating an entry that solved a real issue for women made me extremely proud.

The Knit-Wits entry was an app that people could use report misogyny. Nottinghamshire police were the first in the country to enable misogyny to be reported as a hate crime, but the process is not made easy for victims. You be Brave, is an app designed to report harassment and abuse and capture the data. Check out the team’s entry video to see how the app works.

With only 1 in 4 women working in tech, having our attendees do so well in front of an audience of 200ish people, was absolutely fantastic. They are all superstars.

I’m grateful and humbled to be involved in heading up WiT in Nottingham. It’s a role I fell into rather than designed and it’s because I felt the need to be involved in giving female and gender minority speakers and attendees more prominence in the industry. There’s a long way still to go, but being represented at notable events like Hack24 is a really great thing.

In addition to the outstanding work of the WiT teams, the thing that makes me most proud to be a part of Hack24 is the collaboration and teamwork that it inspires in everyone. Andrew introduced the event with “There’s no such thing as an outsider at Hack24” and it’s true. I couldn’t wish for a more inclusive event.

Having hung around the Nottingham tech scene for a few years, and being an organiser of WiT, year-on-year I get to know more Hack24 attendees. (I literally knew two people in year one.) Volunteering was an opportunity to spend time with good friends and make new ones. The volunteers were all such lovely folk. I knew some vaguely, but spending hours with them has cemented them from wave across the room, to a full-on catch up the next time I see them.

If you’ve been to Hack24, you’ll know that it’s a rollercoaster of emotions. There’s palpable excitement, frustration when things go wrong (spoiler: things in hacks always go wrong), tiredness, late night ‘we’re all going a bit delirious’ silliness and more. It was fantastic to be a part of this.

All of this fun, friendship and collaboration would not be possible without the hard work and dedication of Andrew and Emma. They are the most selfless people I know and their input into the tech community in Nottingham has touched so many lives.

Meeting them has had a profound impact on me. Through attending Hack24 in 2015 and starting to go to Tech Nottingham I have made an amazing group of life-long friends; learned how to be a speaker; landed a dream job; gained confidence; and ended up as an advocate for women in tech. My life is richer for knowing them and I will be forever grateful to them for being the incredible positive influencers they are.

If you’re not involved in the tech scene in Nottingham, then I urge you to get involved. There really is an event for everyone, find yours at nottingham.digital.

Case study: Derby Museums

Redesigned website for Derby Museums, a Museum Trust with three different locations within the city

The client

Derby Museums is an independent charity organisation consisting of three museums in locations across Derby city centre.

The Challenge

The existing website was a template website that was no longer working for them. They wanted more control of their content and needed a refreshed look that better reflected their brand.

The navigation of the existing website was difficult to use both from a usability and accessibility perspective and visitors were struggling to find the information they needed.

My approach

Open and inclusive design

For this project we agreed with our client before any work was undertaken to document the process online. Our client was very open to this, having publicly shared other museum projects and it meant that both museum staff and visitors who were interested in the process could follow along with the project.

Screenshot of Tumblr page
All outcomes from research to design were documented on a Tumblr blog.

Research sessions

User research
The project began by conducting user research sessions with both visitors to a museum event (who were not always regular visitors). By speaking to visitors I gained vital information of what their needs and objectives were when using the website.

My team conduced research at a museum event that was aimed at general members of the public, rather than museum patrons. Interestingly when speaking to visitors, we received more honest feedback than museum staff conducting similar research. When people were asked if they visited the museum sites often, there were many cases of awkward ‘not as much I should’ responses. When asked the same question by museum staff, responses were much more positive.

We created various activities to better understand our audience. We had a simple survey for adults to tell us what the most important information they wanted on the website would be. I then made this information into graphic to share with the stakeholders. We also created child-friendly activities, including a drawing sheet so that younger children could tell us what they wanted to do at the museum sites.

User research day

Staff research
The staff session was really helpful in getting suggestions on what they would like to see on the website but, more importantly, gave insight into areas of the museum visiting experience that visitors didn’t like. This helped us to create content that addressed issues early on to make the visiting experience as positive as possible.

We conducted the research at one of the museum sites to make it as easy as possible for staff members to talk to us. We created an ideas/content generation wall where we recorded observations and ideas that staff had about the current website and visitor behaviour.

Once research had been done, we organised these ideas by category in a session with our stakeholders. The best ideas were then taken and included in the content plan.

Interviewing a member of staff

Wireframing and prototyping

Paper prototype
For this project I used paper prototyping rather than InVision. The reason for this was that our clients were very hands-on and wanted to be involved with the process. An advantage of working with paper prototypes is that our stakeholders felt that they could make changes to the layout as we could draw directly onto the design. Another advantage was that because they are hand-drawn, there are no styles so the focus was completely on the layout and functionality.

Photo of paper prototypes

I’ve explained the process more throughly in Paper Prototypes: What are they and why use them?

Having agreed the wireframe prototype with our stakeholders, I photographed them and, with the frontend developer created an annotated functional spec.

HTML prototype
Once the paper prototypes had been approved, we produced a simple html prototype so we and our clients could test the functionality and send it out internally for testing.

We collated the feedback and went through it with our stakeholders to identify the most pressing and important pieces of feedback to reiterate and retest.

UI design

Style tile
At the same time as coding the html prototype, I worked on the visual style for the website by producing a style tile. This showed design choices such as colour, text styles, button styles, image treatment etc.

Accessible UI
In order for the website to be as accessible as possible, I created a second darker style which has higher contrast. This makes text easier to read for people with certain types of visual impairments.

I also needed to adjust some of the brand colours to ensure colour contrast and readability of text over colours. I created tints and shades of the core brand colours so that dark or light text always passed WCAG guidelines.

High-contrast UI version

Responsive UI
Each module of the website was designed to look great on any size screen. I designed elements across several break points and these were accessible on the html prototype.

Modular UI design
The box at the top right indicates the screen size of the browser through the yellow highlight.

Design details

Opening times tab
From research with museum visitors, we had found that they found the opening times of the different locations difficult to find on the existing website. Also each museum site has its own set of opening times so visitors were not always sure when the museums were open.

Knowing that this was information that came out as the most important to users, I designed an opening times tab which sits at the top of the website (and perpetual footer link on mobile) so users always have quick access to the opening times.

The opening times tab appears in the header for easy access

Find the door
From research with museum staff, we discovered that the Visitor Services Assistants had received in-person complaints from visitors who had struggled to find the entrance to the museums (this had happened across all three sites). Having acquired this information, when we were planning content with the clients we came up with a “find the door” section of the visitor information page for each location. The more helpful information we can provide on the website, the better the visiting experience should be.

Screengrab of the find the door section

Easter eggs
We were tasked with adding Easter Eggs into the website to take it away from the corporate template and make it a fun experience to use. One of the Easter Eggs appears when a user clicks on the bug photo on the Nature Gallery page, little spiders and fly wander across their screen. After user testing this, we added a warning that users had to opt-in to so we didn’t accidentally terrify any Arachnophobic users!

Easter egg where the user clicks on the image and spiders walk across the screen

Outcomes

The existing website wasn’t encouraging visitors to donate to the museum. By introducing a supporter story page with information on how donations were spent, donations were up 133% within the first three months of launch.

Additional results included a reduced bounce rate, down 24.78%; page load time, down 67.66%; pages per session, up 38.43%; and, by adding an additional email sign-up form on the What’s on section, email sign-ups were up 3350%.

Voyage of discovery (sessions)

Storymap from discovery session

The big question for any website or digital product is ‘does it work for our users in order to drive and deliver our business needs and goals?’ It’s the users who turn into customers so making sure that your digital product is user-focused should be a big priority. Where should we start? How do we connect business and user needs?

This is where I raise my hand and tell you about design discovery. But before I tell you about that, let’s rewind the clock to my earlier days of web design. [Cue Wayne’s World style flashback]. Back then, maybe seven or eight years ago) many designers, myself included, were so keen to get started with projects that we’d go through the motions of a kick-off meeting where we’d get our client’s requirements and goals and then sprint off towards a solution. We had technical requirements, a chosen CMS, SMART goals and brand assets. Good to go right? We cracked on with sketches, visuals and dev and made the website that our clients wanted. The only problem though, was it the website they needed?

The advent of UX

At some point, between then and now, the industry (and I) started recognising that designing websites for businesses’ requirements didn’t mean that they actually worked. User Experience, although it’s been around for decades, started coming to the forefront of web designers’ minds. The priority was no longer designing what our clients wanted but what our users wanted too. That’s not to say that we weren’t designing for target audiences, of course we were. But we were designing for what our clients thought they were or wanted them to be; not necessarily who they actually were.

With this sea change came a new understanding for many designers. A new perspective of identifying user needs through research, empathy, perspective taking and a desire to please our users and our clients. Suddenly our kick-off meetings were too business focused and not user focused enough. We needed to adapt our projects to being user-focused. We needed to champion the users, but before we could do that, we needed to understand them.

User research is the first and obvious way to do this and is insanely valuable. But is it the first step? Can we truly identify users without an intimate understanding of our client’s business? Can we design the best solution for our clients and their users without knowing what our clients are trying to achieve? If the value proposition is hazy, then is understanding the users hazy too?

Design discovery

There is no design with discovery”
– Dan Brown, Practical Design Discovery

My role now now is to clear the haze before projects commence. I do this through discovery. There’s no one way to do this and the tools I use vary depending on my clients and their situations. This article highlights a typical framework I use to get my clients thinking about their business and how they communicate their value proposition to their users.

Invariably web projects require a mixture of stakeholders, all with slightly different objectives. We might have marketing, sales, CEOs, operations, customer services and IT stakeholders, to name a few. And they all see their own business through different lenses. When the business stakeholders aren’t in alignment, how can they possibly communicate clearly to their users?

Storymapping

While there are many ways of accessing stakeholder information, one of the tools I’ve found most effective is ‘Storymapping.’ This was coined by Donna Lichaw in her book The User’s Journey: Storymapping Products That People Love. I highly recommend it. As with some of the best UX tools out there, it’s super simple but very effective. UX designers are naturally empathetic and predisposed to aligning themselves with users’ emotions and needs but this doesn’t come easily to everyone. More importantly than empathy, perhaps, is the ability to shift mental perspectives. Perspective taking, ‘the active cognitive process of imagining the world from another’s vantage point’, encourages stakeholders to think from their users’ perspective. Helping them understand how their service supports users’ pain points.

Storytelling is not new in design and development. A core component of Agile development is User Stories. These encourage developers to think about functionality from the user’s perspective. Storytelling evokes a strong neurological response in people. By framing a discovery activity around it, the needs of the user go from facts and stats to emotional connections with the intended audience.

What is it?

Storymapping takes place as a short session in which we create stories for our user personas, mapping out how and why they are interacting with our stakeholders’ website.

As with all stories, there’s a beginning, middle and end. We use the idea of simple narrative to drive this forward. As with any good story, we need a protagonist and exposition. Who are they? What’s their current state? Once we’ve set the scene, we need an inciting incident, a problem or pain point they need to overcome; a trigger on why they might need the stakeholders’ service.

Then in the middle, the action happens, how will they approach solving their problem? What assistance do they need? How does the service assist them? Who is the villain? What are the obstacles and barriers standing in their way? What’s the climax of the story? How do they overcome their problem and defeat the villain? What’s the value proposition of the service that makes them say ‘yes, this is exactly what I was looking for?’

But we don’t leave it at that ‘aha’ moment. It’s one thing to get our protagonist to the climax of their narrative, but the story doesn’t end there. How do they return home a hero? How does our user, our potential customer go from interested, to invested, to ambassador? What’s the ending? How do we know their goals have been met?

What are the outcomes?

You’ll notice that this entire session is based around question asking. It’s about framing the problem, not bypassing straight to the solution. When I first started introducing this session, I was worried that my participants wouldn’t get it. Would they think it was silly? Would they think it was unnecessary?

Thankfully, that’s not the case. Feedback has been overwhelmingly positive. Of all the perspective taking exercises I’ve facilitated, this has had the most engagement from participants. It’s not an easy exercise. It makes people think, it makes them ask difficult questions of themselves, it highlights internal lack of alignment and understanding. It reveals holes or distractions that stop users achieving their goals.

This could feel negative, but it’s not. As an exercise, revealing these issues means that we can fix them and ultimately improve not only the new website or product, but set in place improvements to the stakeholders’ business and service. It also highlights the positive. The result of one session with a client introduced a much clearer value proposition and benefits to potential customers; many of which were not communicated on their existing website. This allowed us to write much more value-led copy for their new site.

Shared understanding leads to better communication

There’s a wealth of information that each stakeholder holds and storymapping gets it out of their head and onto the wall. It helps stakeholders declare their assumptions to minimise assumed knowledge. It gets everyone on the same page. It also allows me as a facilitator to ask the difficult questions, the ones that internal teams sometimes avoid due to hierarchy. It’s essential that everyone feels an equal in these sessions.

There aren’t always opportunities, or the structure, in everyday life for people within an organisation to talk to each other about their customers. Having an interdisciplinary group of people in a session allows stakeholders to share stories of their customers and ask each other questions. Oftentimes we have a mixture of people from big picture, visionary, thinkers to those who are front-line and customer facing. Having these people bring their own experience of their audience and business together enables us to better understand the intents of the interactions between customer and company; user and website.

Front-line staff are often the best source of information for capturing and understanding user needs. They are the ones who field complaints, offer support and hear objections to their product or service. Customer service and sales representatives often know more about their customers than those in leadership positions. Having these people in storymapping sessions is vital. There’s much to learn from them and they often offer information about pain-points that’s unknown to leadership roles.

The representation of customers enables us to put the users’ pain-points at the heart of the session and identify what the business does to address those. Storymapping, at the highest level, outlines how customers think about the website and therefore the service offering. Along with the benefits of shared understanding, it forms the basis of design improvements. If the content of the website doesn’t clearly state the value proposition, we can rewrite it. If the next steps for the user are not clear, we can rework the user journey. If the product or service doesn’t address pain-points, we can help clients create a roadmap of improvements to their offering.

Storymapping is one of the first steps I take in discovery. But it’s only the beginning. It’s the exercise that gets everyone in alignment before diving into other discovery sessions such as ‘How might we’, goal setting, content idea generation, user journey flows, and into Information Architecture planning and wireframing. It sets the stage and stops us skipping to the solve. It’s one of many tools, but one that I’ll be using time-again.

My user experience design journey; a reflection

Helen speaking at Tech Nottingham

At this time of year, it’s often a good opportunity to look back on the past and see where we’ve come from before looking to the future. My first full immersion into UX was NUX3, (Northern UX conference) in 2014, an all-day event focussed on how an understanding of people can help you define, design and build better experiences.

I had just quit a full-time graphic and web design job to start a web design company with my husband and I was in the early stages of starting to call myself a UX designer.

For those that aren’t familiar with the term ‘user experience’ or ‘UX’, it is the process of enhancing the user satisfaction on a website/app/product by improving the usability, accessibility and pleasure in providing interaction with the product.

Sat pondering at the conference, I started off feeling positive about the talks, but as the day progressed, I realised that I was completely out of my depth. By the end of the day, and upon reflecting on the experience, I felt deflated.

I chastised myself for thinking I was a UX designer. I’d just had business cards produced with UX designer as my job title and I wanted to throw them away and revert back to visual designer, where I belonged.

I was just me

That’s not to say that there was anything wrong with the conference itself, it was well-rounded with great speakers. But at the time, at least from my perspective, it seemed that UX was a team sport.

The speakers were from DWP, Salesforce, and dedicated UX consultancy companies, who were talking about the work they were doing with large organisations. I was just me. How was I going to be able to convince our much more modest clients that they needed to invest in UX?

Who was I going to learn from if I was the only designer? What was I going to do to get from this place to some form of, yet to be defined, success?

UX became more prevalent

This year the story is a little different. Recently I attended NUX6 and had a completely different experience. Rather than feeling out of my depth, I felt that the talks validated my own thoughts, my plans and my learnings. Rather than confidence-breaking, it was confidence-boosting.

So what’s changed? How have I changed over the last three years? Or is it the industry that has changed? Was I mistaken three years ago that UX was just for the big leagues?

We could certainly argue that UX year-on-year has become more prevalent, more requested by businesses. “We need some UX” is now on many businesses’ minds, even if they’re not completely sure what this “UX” thing is.

Organisations such as Government Digital Service (GDS) who led the way on transforming Gov.uk, plus design teams at Co-op Digital and BBC.co.uk, to name only a few, brought the concept of UX to the forefront of digital design. Their focus on UX has probably drip-fed through to the smaller businesses and companies, generating interest like never before.

The early days

So in 2014, I had a problem: how was I going to convince my clients that they needed UX and they needed me to deliver it? Looking back there’s not a single point in time that I can identify as ‘now I’m a UX designer’, it’s been a more organic process than that (and that imposter syndrome still creeps in every now and again).

Each project we took on in my own business got a little bigger and allowed a little more budget to do more until we got to the point where we could do user research, detailed IA and user testing.

Despite working on bigger and better projects, I was always conscious that I was the only designer in our two-person team. Was I even doing things right? As designers, we need peers. We need other designers working in different situations, with different clients, stakeholders, and in different environments to learn from and share knowledge with. When I started our company, I didn’t have those peers and it was hard going.

Getting ‘out there’

In 2015, I submitted a talk on inclusive web design to the Port80 conference. Buoyed by a successful project where we’d learned a lot and created some new ways of working for us, I felt the need to share it. To my utter surprise, it was accepted. This was a turning point in ‘becoming an expert’. Maybe I knew what I was doing after all. Or at least convincing in my application. Probably a bit of both.

Being accepted as a conference speaker opened more doors than I had ever anticipated. I was asked to speak at DxN, then, a fairly new design event in Nottingham where I was speaking the same night as Andy Clarke, who is a very well-known web designer, speaker and author (no pressure!). Since that first invitation, I’ve been back twice (they’re probably getting sick of me now) to deliver other talks, one on delightful design and the other a follow-on talk on inclusivity. I was also approached by leading web design magazine Net to publish an article based on the Port80 talk.

Earlier this year I was delighted to be listed on the top 343 female tech speakers in the UK. It was a surprise and a privilege to be listed with fantastic female speakers across the industry, some of whom I’ve seen speak at other events. Last August I was invited to an event in London to meet the other women on the list and promote women in tech; which, as an organiser of Women in Tech Nottingham, is a subject close to my heart.

Speaking in the here and now

Over the past year I’ve presented a few different talks at a range of events from conference; to meet ups; to, most-recently, guest speaking to the designers at the Co-op digital headquarters.

I still get nervous. It’s a big thing to put yourself in front of people and talk. So why do I do it? It comes back to peers. I want to share what I learn and I want to learn what other people know. As the only UX designer, I need access to that knowledge. This has lead to me being a regular event attendee. I go to design events, tech events and co-organise Women in Tech.

Sometimes I hear talks so far away from my day-to-day role, or so technical,  that I don’t really understand them, but I want to be exposed to new ideas, even if they go above my head. Through events, I’ve also built up an amazing community of UX designers. We share what we’re working on and provide each other with encouragement and support. We push each other to be better designers. I wouldn’t be where I am today without those peers and friends.

The power of going it alone

The biggest change that I can attribute to being the person I am today, was going it alone. Running our own business allowed me the freedom to choose what to learn and how I was going to work. After two and a half years, we wound the business down and I decided to move into a consultancy role where I was contracted to design a new product. For the first time, it was just me. I had to make my own decisions and be confident in leading the project.

Over the last few years, reading and learning had been an important part of my development, but now, it was essential. I had to know what I was doing. This was daunting but also liberating. I was the hired expert to deliver in whatever way worked best for the team, the stakeholders and the product.

Changes at Katapult

After a few months of consultancy, I joined Katapult as their UX lead. This was a switch away from product design and back to client-facing work. This was a big decision as internal product design and client-facing design are two very different ways of working, The principles are interchangeable, the processes can be the same. But whereas product design involves working with an internal team focussing on building and iterating a product; client design work is about quickly understanding client and user needs, not knowing at the outset what the best digital product for them will be.

As such, at Katapult, we begin any large-scale project with a discovery phase. This usually involves a one-day session including a variety of workshops to enable our team to understand our clients and their users’ needs. But also to help our clients clarify the project and business goals, their users’ goals and to ensure that the different stakeholders are in agreement of the scope of the project before it goes into production.

I recently changed role from leading the interaction design team to moving back into a consultancy role. This is to allow me to focus on the initial discovery aspect, facilitating workshops to ensure we’re designing the solution to the right problem. As a client-facing designer, I have to be able to talk to clients in a way that they trust my expertise and that of our team.

Speaking has helped build confidence, but it was running my own business that has made the biggest difference. I can speak to my clients as peers. I understand their business needs as I understood my own. Empathy and perspective taking are key components to being a UX designer. There are many analogies that can describe UX design, but for me, I think of myself as the bridge. I connect our clients’ goals to their users’ goals. I advocate the users, but I understand and support our clients’ needs too.

We never stop learning

I can’t overemphasise the importance of trust in digital design. Users need to trust that the business or service isn’t misleading them, clients need to trust that the designer understands their business, their customers and what they’re trying to achieve, and the designer has to trust themselves to deliver something that’s going to meet those expectations.

As designers, we never stop learning and wanting to improve ourselves. There’s many areas of UX that I don’t have an intimate understanding of and wouldn’t call myself an expert in, so that’s where I’m heading. I’ve come a long way over the past three years, but there’s still a long road ahead. The future is always unknown and there’s always more to learn.

First published at katapult.co.uk

Being excellent to each other at Hack24

Women in Tech Hack24 team

A little less than two years ago, I was at my first ever hack event; Hack24. As a designer rather than a developer, I was a little uncertain about whether I had a place there but thought it sounded interesting so I’d give it a try. To my team’s utter surprise, we won the Broadway challenge and thus became the ‘Superteam’.

Unbeknownst to me at the time, there was another woman there who I would go on to co-organise Women in Tech Nottingham with. Jess (who is awesome!) tells me that she had been coding for only a couple of months before her first Hack24 so, it seems, we were both finding our feet in the world of tech. And who better to help us with that than Emma and Andrew, directors and organisers of Tech Nottingham and Hack24. The second I walked into the registration area of that first Hack24 event, I was met with a huge, welcoming smile from Emma, who is sunshine personified, and felt that she was someone I needed in my life immediately.

In that first Hack24, the majority of the hackers were male. Aside from Jess and myself, there were seven other female hackers out of around 130 (if Andrew has given me the correct numbers). Even though the number of female hackers was low, my team and hacker Kate both co-won the Broadway challenge, which felt pretty darn good.

Fast forward to Hack24, 2017 and we have our first ever WiT Notts all-female teams. So how did we get on, I hear you ask? Well… we rocked it! Our team, Totally Triumphant Bodacious Babes (yes, we use Bill and Ted references a lot at WiT Notts) came runner up in Cronofy’s Let’s Rendezvous challenge. The prize was a model Delorean, which fits in nicely with our love of 80s/90s movies. Team Hey Pesto won TWO challenges: Esendex’s Connect with Gen Z without inducing zzzzzz… and Packed Pixel’s Best Hardware Hack. In addition to the two WiT Notts teams, two of our regular attendees were part of a team who won UNiDAYS’ Implement a song title challenge.

Most of the WiT Notts folks were first-time hackers at Hack24 so to win so many prizes was joyous. I’m looking forward to seeing even more women at Hack24, 2018 being brilliant and winning challenges!

I cannot begin to describe how proud I am to have worked alongside such an amazing group of ladies. Our motto at WiT Notts is ‘Be excellent to each other’. Although this is a most outstanding movie reference, it is not glib. Being excellent to each other is about collaboration and communication. We spent the weekend encouraging, supporting and entertaining each other.

After the event our teammate Laura said “I had an amazing time, there was a very supportive and friendly atmosphere all around the Hack24 event and having taken part gave me the motivation of going back to a few things that I’ve put on hold for a while. I’d go back to last Saturday… if only I had a time machine😉”

In the WiT Notts teams, everyone had their own skill-set but when these came together, we really did become more than the sum of our parts. And that’s why WiT Notts exists for now. To get women, and men, together to build a community, encourage more female speakers and to get more women at tech events such as Hack24. Jess and I always introduce our event by saying that the ultimate goal is for us to become redundant. Our work is done once there is more female representation and participation in the industry. But until that day, we’ll keep being excellent to each other and party on.

Huge shout out to the WiT Notts teams: Jess, Elsa and Laura; Amy, Bety, Alexa and Saria. And to WiT Nott’s attendees SamathyLex and Anna for being a huge part of Hack24 — you ladies rock!