Recently I attended the Service Design Network´s event of Doing Good in Design: Social Impact and Ethics In Service Design. I thought I would share my notes and maybe you will also pause for a minute to really think about the impact of your work on the world. I sure did.
 
Miko Laakso from DNA (the host of the event) shared some wise words from Victor Papanek (1970):

“You are responsible for what you put in the world. 

And you are responsible for the effects those things have upon the world.”

 
The main part of the evening was facilitated by the guest speaker Jethro Sercombe who works with social impact projects in Australia, projects like enabling better opportunities for homeless youths in rural areas of Australia.

Ethical design

We briefly touched upon the principles of ethical design:
ethical design
Source: https://2017.ind.ie/ethical-design/

Power positioning

Jethro reminded us about the position of power we take and bring into situations as designers, and how that can have a negative or misleading impact on the interaction and thus the outcome of the research. This applies not only to designers, but any profession and any situation. We all have and take power positions. That is why with great power comes great responsibility.
Jethro presented six different bases of power (by French and Raven (1960, 2008)):
six basis of power
 
How do we acknowledge our power position and dismantle it in order to create a safe place for the ones we are interviewing or observing (or for any human interaction for that matter)?
In designing for social impact, the object is different from commercial projects. We usually design for users or potential users of the service, when designing for social impact the object is families or communities – the community experience. See how this shift in perspective will impact your thinking.
Great questions to think through in the design process are:

  • Who are we excluding with our design?
  • How can we minimize the influence of our own biases (and yes, we all have them)?
  • How can we anticipate the short-term and long-term effects of our design? 

Working in smaller teams using the futures wheel

Next, Jethro divided us into smaller groups for ideating a billion-dollar business idea around: “What might an Uber or Airbnb of healthcare or childcare look like?” After a few minutes of individual time for ideating business ideas on post-it´s the team voted the most potential business idea. I will share our team´s idea to illustrate the process, not because it was any good or proposing any of you to actually run with the idea 😄
We voted for a “health taxi service” (Uber of health care) in which trained nurses are the drivers of well-equipped taxis that anyone can order to their home for health checking purposes.
Now Jethro told us our business was booming and in fact, our “health taxi” had become a Unicorn that ruled the health market. By using a tool, the futures wheel, we were supposed to come up with utopian and dystopian scenarios with newspaper headlines of what our business was going to look like according to those future scenarios.
In the Utopian (desired future) scenario our “health taxi” business pivoted into a data-AI driven company utilising all existing location-based health data gathered by all taxis. Since ordering the health taxi to your front door was so easy, people used it more often than traditional services. This enabled the company to move from “sick care” into preventative health care finding patterns and probabilities from the data. A newspaper headline was: “No more sicknesses and longer life expectancy for health taxi users”.
In the Dystopian (undesired future) scenario our “health taxi” business was in fierce competition with other health taxi services and due to legislation lagging behind there were a lot of fake nurses driving the taxis mistreating patients and giving false advice to people. Traditional health care centres were shut down a long time ago when the government decided to buy the services from the health taxi companies. Trust in health services dropped dramatically and media reported of mistreatments on a daily basis. The newspaper headline read: “Health taxi strikes again: yet another 10 people died during Christmas time for mistreatment”.
By using the futures wheel in your design process, you can challenge the customer to anticipate the long-term impacts of solutions through utopian and dystopian scenarios. Impacts can be considered on a micro or macro level like on people, community, society, globe (Earth). When both scenarios are ready the most important part of the exercise is to mitigate the risk of the dystopian world so it never becomes reality. This approach exposes the team to include a long-term perspective as part of the design process.   
So, is doing good in design just about those who practice design for social impact in charities or governments or should we also take responsibilities as designers (or as developers) to ensure business decisions and solutions in the long-run cause no harm to people, communities, society or to mother Earth? I will leave you with this thought.
 
Peace.
 
More information:
Ethical design: https://2017.ind.ie/ethical-design/
Bases of power: https://en.wikipedia.org/wiki/French_and_Raven%27s_bases_of_power
Futures wheel: https://en.wikipedia.org/wiki/Futures_wheel
 
´Speculative design´ –  a tempting path (go there with your own risk bearing in mind it can have a great impact in your thinking) for learning more about addressing big societal problems and looking towards the future: e.g. in https://www.invisionapp.com/inside-design/speculative-design/

Minna Puisto

Minna Puisto

Minna Puisto is a business designer with robust experience in design thinking and facilitation methods. Minna is an open-minded and inspiring professional aiming to develop customer-centric and profitable services. Minna has extensive experience in business development, innovation, new business models, defining value propositions and launching new services.

Linkedin profile

Do you know a perfect match? Sharing is caring

If you want your product or service to succeed, engage users early on and in every step of the development. No matter how cutting-edge your technology – if it doesn’t fit users’ needs, they won’t use it. Constant feedback from users helps in keeping the focus on the important things. Which in the end saves money and makes the product enjoyable to use.

Picture this: It’s a typical Monday morning at work and you’re trying to get your routine daily tasks done. At hand, you have a task that requires you to use a system or program that is not actually your favourite for many reasons. But since you’ve done it many times before, you’ve become a master at it. Maybe you’re handling invoices or retrieving information about your customers from CRM. As you sip from your first cup of coffee you sigh: “If only there was an easier way to do this…”
workshop

Scenario A: Designing technology first

You realise that a new button called “AI assistant” has appeared on the screen. Since you’re a tiny bit intrigued by it, you might as well see what it’s about. So, you click the button and “Heidi Helper” pops up on your screen. It seems that Heidi wants some information from you in order to be helpful, but it takes a lot of time to understand her needs.  Also, you’re quite unsure what Heidi can do for you in the end: Will she handle my invoice all together or just some part of it? Will she just gather information and do some data-crunching without me knowing what is happening? You’re starting to think: “Maybe, I should’ve just done the invoice like I usually do. I would probably be done with it already and could be drinking my second cup of coffee with my colleagues.”

Scenario B: Designing user first

You realise that a new button called “AI assistant” has appeared on the screen. You’re thrilled about it: “It’s finally here! At last, I can get some help with these routine tasks!” So, you push the button and “Heidi Helper” pops up on your screen. Since you were part of the design process, you know exactly what information Heidi needs from you to make you get the job done faster. You also know, that by inserting all the required data, Heidi can learn to combine relevant information together quicker than you could ever possibly be able to. So, by helping Heidi now, she will be your trusted ally in the future. You would never go back to working the way you did before her.
Which scenario would you choose: The one where technology is pushed on the users without proper reasoning or training or the one where the users were involved in the design process to make the technology fit their needs? The answer is simple, right?

How we involved users in the AI design process

In our project of designing an AI assistant, we wanted to make sure that the actual users of the assistant would be in the centre of the design process. Our goal was to a) understand how they use the system, b) identify the pain points in getting their tasks done with the system and c) design an AI assistant that would resolve the issues they are facing right now and ease their work.
Here’s the process we followed in our work:

  1. Assemble a multi-faceted team with experts in user research, UI design and data science
  2. Conduct user interviews and observations to understand how the system is used in completing daily tasks. Put emphasis on digging out how they feel about the system, how does it work in their favour and what are the things they struggle with.
  3. Conduct a workshop together with the users where you illustrate their work process on a canvas. In our case we wanted to understand the following aspects:
    • All the phases to complete the task
    • The data and information sources they need for each phase
    • The challenges they face in each phase
    • The initial solutions for each challenge
  4. Design a technical solution that responds to the challenges identified in the research phase. Communicate the benefits of using it in a comprehensible manner to the users and make changes if needed.
  5. Design the user interface for the AI assistant and demonstrate to the users how the assistant would actually work in their environment.  Use a technology that allows the users to get acquainted and test the prototype by themselves.

By placing the users in the heart of the design process, you can provide an AI assistant that brings the most joy and helps the users get manual work done more efficiently and automatically. It should also be remembered to gather feedback from the users and analyse usage data constantly to optimise the product for even greater user experience.

After the user-centric design process

While using Heidi Helper for some time already you don’t even notice it anymore. All the learning material you’ve provided to Heidi has made the AI assistant better and better each day. You feel confident when dealing with invoices because you know you don’t have to take care of everything by yourself.
The greatest thing is the liberating feeling when you can focus on the most important and challenging work and let the AI assistant take care of the more trivial but time-consuming tasks. While Heidi Helper browses through tens of email attachments in order to find missing invoice details, you’re able to combine information from several sources with unforeseen pace. Also, now you have time for that extra cup of coffee.

Hanna-Riikka Sundberg

Hanna-Riikka Sundberg

Hanna-Riikka works as a Senior Business Designer at Gofore. She is responsible for creating new business models and services by bringing the needs of customers and users into strategic decision-making. This she has done for OP, Telia, MTV, Tikkurila, Raisioagro, Wärtsilä, and Andritz, among others. Hanna-Riikka holds a PhD in Industrial Management (with distinction). She is also an Executive MBA (EMBA) trainer at Edutech in the Customer and user experience in business development program. She is the author of the Business Design booklet.

Avatar

Miika Mikkola

Miika works as a Senior Designer with more than ten years of experience in creating better customer experiences. He has a passion for a holistic understanding of human-computer interaction and digital services that enhance the quality of everyday life. Miika is also an enthusiastic sports fan, especially keeping a close eye on his hometown team Ilves

Do you know a perfect match? Sharing is caring

Taking a rational and analytical approach in strategic decision-making often lacks customer input. Adding a human-centric design approach to the equation enables the identification of new opportunities that both reflect customer needs and support strategic goals.

In our daily tasks we use both hemispheres of our brain in equal measure: the logical, analytical and rational left hemisphere, and the creative, imaginative and intuitive right hemisphere. In the same sense, when making business decisions, both perspectives should be considered equally important: the rational/analytical business-approach and empathic/innovative design-approach.
With business design you can bridge the gap between these two perspectives by studying the requirements of both the user and the business. In a nutshell, business design brings the needs of customers and users into strategic decision making.

Business design combines two perspectives: the rational/analytical business-approach and the innovative/creative design-approach.

Crunching numbers…

The business approach stands on defining the company’s strategy consisting of the target markets and customer segments, the technologies used to produce a service, the ecosystem needed to provide a service and the earnings logic to keep the business up and running. This approach relies on hard facts and figures based on what is already known and an estimation of where the world is going.

…. and digging for desires…

When it comes to making business decisions, the design approach adds a softer side to the equation. The design perspective takes into consideration the emotions and needs of potential users. Rather than using objective data, knowledge is created from user insight and subjective opinions from user research. Where the business approach is focused on market segments and economic logic, the design approach is more focused on real people and their behavior.

….leads to creating new

Business design empowers the creation of services that reflect user needs but are also feasible from a business perspective. The purpose is to enrich a company’s strategy by bringing the customer’s voice and empathy into business decisions. It is used for creating business ideas that have an identified group of potential customers and verified demand.
Business design can be used to solve several challenges, such as modeling and developing internal processes, identifying areas for development in the current business, identifying new business opportunities or defining business models for new services.
Whether your need is to renew your current business or create something completely novel, adding the design approach to your process pays off.

Hanna-Riikka Sundberg

Hanna-Riikka Sundberg

Hanna-Riikka works as a Senior Business Designer at Gofore. She is responsible for creating new business models and services by bringing the needs of customers and users into strategic decision-making. This she has done for OP, Telia, MTV, Tikkurila, Raisioagro, Wärtsilä, and Andritz, among others. Hanna-Riikka holds a PhD in Industrial Management (with distinction). She is also an Executive MBA (EMBA) trainer at Edutech in the Customer and user experience in business development program. She is the author of the Business Design booklet.

Do you know a perfect match? Sharing is caring

Harness the power of the mob

group of goforeans
Software development shouldn’t be an isolated island with little outside contact. However, communication between a development team and external stakeholders isn’t always easy, especially if their sole shared moments happen during sprint rituals. When themes such as transparency or communication come up in retrospectives, a team should consider incorporating new ways of knowledge sharing. One such way is mob programming.
Our development team was at a crossroads of sorts. With some new members and the departure of others, we felt the need to synchronize, since our customer has multiple products of varying maturity and technology stacks. At the same time, their own developers had begun to work more closely with us, so overall there was some confusion over how to get the most out of our team. It was in one retrospective, where communication and visibility were discussed, that a developer suggested mob programming as a possible solution. Despite none of us having tried the method before, we decided to give it a spin in the next sprint.

Working simultaneously

Mob programming extends the principles of pair programming to an entire team. In a mob session, attendees work simultaneously on the same problem, using only one computer. While the implementations of mob programming vary, at its simplest there are only three different roles: the driver, the navigator and the mobber. The driver is doing all the coding, but they should not make independent decisions. They listen to the guidance of the navigator, who in turn discusses with the mobbers. The navigator should give as detailed instructions as necessary, considering the background of the driver, while the mobbers follow the progress via big displays. All work happens in timed cycles, with the roles rotating in between. In our case, this meant that a product owner found themselves writing code, and a UX-designer pushed changes to a remote repository.
We started with our scrum master as a facilitator. He took care of the practicalities and made sure the team was committed to trying out the new method. We set up a development environment in a conference room and started working towards our goal. It was a slow start, but little by little, code started to appear. Whenever we hit an impasse, we took a breather and made sure we were heading in the right direction. At the end of the day, we had laid promising groundwork for a new feature. Satisfied with the results, we booked time for another mob session in our next sprint planning.

Exceeding expectations

In the long run, the effects of mob programming have exceeded our expectations. In addition to getting actual work done, the whole team has become closer. Everyone despite their level of expertise has learned new things about our architecture, best practices, handy IDE shortcuts and more. The sessions have been so well received, that we began doing them regularly. The whole team, the customer included, is invited. While on paper it may seem wasteful to frequently assign multiple people to work on one item, mob programming can induce widespread benefits:

  • Instant communication between team members, since no time is spent waiting for answers or sending emails back and forth. Communicating face-to-face reinforces good teamwork practices and the mentality of giving and receiving help. Kindness and respect will be on the rise.
  • Improved decision making. The possibility to discuss problems and pitfalls together reduces overall reluctance to make decisions. This collaboration increases the individuals’ commitment to the results.
  • Reduced waste, especially if the product owner is included in the sessions. The team can get instant feedback on their progress, discarding unwanted additions.
  • Improved code quality. Having more than one set of eyes reviewing the code reduces technical debt. Best practices easily spread across the team, and even previously unidentified technical debt can be recognized.
  • Reduced context switching, since the whole team becomes familiar with the feature being worked on. Mob programming can also shine a light on dependencies between different parts of the software, increasing overall familiarity of the architecture.

Ultimately, mob programming is a tool I can recommend to any team, whether they’re facing issues or not. When starting out, decide the topics beforehand and get everyone up to speed with the goals. This increases commitment reduces anxiety and maximizes your time available for the actual work. Once your session is underway, make sure that people remain in their roles. Experienced developers might be tempted to drive ignoring or predicting the navigator’s instructions, a pattern that should be prevented. Once your team’s confidence grows, you can start tweaking the parameters such as the roles or timing to better suit your needs. You can also try applying this method outside programming, for example in UI-design or user story creation. Have fun firing up your own mob!

Anssi Juvonen

Anssi Juvonen

Anssi is a 'Gofore people person' and a full-stack developer with over ten years of experience building software solutions. He is currently working with Vue.js in a front-end focussed role.

Linkedin profile

Do you know a perfect match? Sharing is caring

https://www.flickr.com/photos/ruben3d/8163748252/in/photolist-drpkWd-TumZbA-e5uuoi-xRMYpC-7dpqNU-89Mu7e-7veBL4-TumZad-5VSyfF-5efXv1-eRPVeZ-o8vG8S-b91EHa-oyGwvq-96MX7W-eg7afu-58knb-7fnkYL-6aMTQu-HvGBX-aBEgU4-9XdCMb-a1s6VU-aBEdBZ-aBEmVr-8uCWv8-7CKXn2-22uB61J-dzfcpn-7k2eST-rjpLGP-rNtfx3-6bNNow-4uNb24-2b3U5fV-bAApCy-28PfWFe-6b6ALx-ZgUW1-3f5Jvf-7toT6X-StCdPK-SBjg9h-9sE4qK-buYvFJ-ixCysV-RqZRy2-RqZNtK-Ugxewr-U4ScNXThis is a large topic and so needs a large introduction.
Essentially, I’m trying to explore what, as designers, we can do to save the planet. We should all know the consequences of climate change by now but to remind you, here are a few headlines from this year:

Pretty grim for sure, and I wish this was the media exaggerating as usual. Unfortunately, there is no sugar coating these facts. I have experienced the changes in the ocean and coral first hand. I have been to places twice over two years, only to find that every piece of coral has bleached and fish disappeared. There are very important yet simple steps that anyone can take to have a positive impact on the environment. Some of these are:

  1. Don’t buy things unless you need them. More on minimalism here.
  2. Cut out meat from your diet, or at least reduce it. This is probably the biggest one. Take a look.
  3. Cycle instead of driving a car.
  4. Go for a smaller living space. Some are even considering The Tiny House Movement.

The list can go on forever, but I advise you to go through a more serious list on the WWF website. (hint: it requires contacting political decision-makers to make larger green decisions.)

The next question is:
What can I do as a designer to prevent, or at least slow down climate change?

There are at least 4 things we can start with.

1. The internet

“While we might not be able to stop using the web, we can change how we build and power it, to make it planet friendly as well as user-friendly.” –Planet Friendly Web Guide

The web is the largest machine ever built in the history of mankind with 4.5 Billion users. The scary part is that it’s less than 50 years old. It’s complex, with many moving components. Simply put, however, more data requires more energy. In fact, in 2019, it will emit around 1 billion tons of CO2, that is more than the entire aviation industry.
The internet does pollute, nevertheless, the whole industry as a whole is conscious and is willing to move into a more positive direction. Yet again, start locally, see if you or your client are using green hosting and have optimised your website to be eco-friendly on EcoGrader.
Usually, cloud solutions are more sustainable than traditional data centres. Keep in mind, not all clouds are vaped-out equal. Google, for example, committed to being 100 per cent renewable-powered. Amazon, on the other hand, has only started to take its first steps in the right direction. Click-Green can give you a good insight into your favourite brands and their greenness.
Since we covered most facts and theories about internet pollution, let’s take initiative by taking a deeper dive into Planet Friendly Web. A great open source knowledge library, equipping you with the knowledge you need to make conscious and informed future decisions.

2. Start small, Start in the office.

Digital design is surprisingly taxing on the environment. Sharpies, post-its, laptops, phones, Ipads, pens and lots of coffee. Luckily, we can offset many of those quite easily. I found this simple spreadsheet to calculate your CO2 emissions.
The largest savings can be made on travel, which unfortunately isn’t as easy as cutting back on paper. Clients still need to be met, and users have to be interviewed. Fortunately, most progressive companies are open to remote work. Tools are developing at a rapid pace that makes collaborative design, research and interviewing remotely almost seamless. At Gofore, we use tools such as InVision, Axure and Abstract to allow for remote and asynchronously reviews and version control.
Finally, I have been conducting experiments holding large workshops using tools such as Mural and Mira. They are not flawless, but great, considering that they are in their infancy stages. You are a UX designer with an analytical mind, so you look at the numbers and see that every action you save on doesn’t actually make a difference. Let’s have a look at a global scale. According to LinkedIn, there are about one million UX designers worldwide, that is excluding service, UI, visual and graphic designer. With ease we can save about 3 million tons of CO2, that is more than closing entire coal-fired power-station. Designers are smart and creative, and our power should definitely not be underestimated. Every small action counts. Saving on paper, less travel and black coffee instead of a latte makes a big difference.

3. Greenify your products

Let’s pay attention to where our products meet the users. We as designers are partly responsible for that. The great news is that most of the users are concerned about the environment and are willing to make a positive change. Although, their motivation gets trumped by daily life, old habits and convenience. What we can do as designers is give means and motivation to pull(not push) their actions into positives ones towards the environments. We can ask some questions to determine if we are on the right track:

  • Is this helping or harming the environment? (a simple question that might require extensive research)
  • What are we making?
  • If what we are making has no sustainable alternative, how can we create the greenest experience with what we have?

Sometimes, solutions are easy and straightforward. When things are physical such as shipping and delivery, we can promote greener delivery options. Holiday booking apps/sites can offer means to offset the users’ carbon footprint etc. Most of what we design on the other hand is intangible and that makes it sustainable design thinking harder. Luckily with a designer’s brain, nothing is impossible
Asking users to go green is tricky. By asking users to go green, you are most likely asking them to sacrifice time, convenience or money. Design With Intent gives a good set of persuasion methods, I don’t agree with all of them as some contain dark patterns. If deemed effective however in actually saving our planet, I would explore “green patterns”. For example, choosing the more environmentally option by default for the user.

4. Size does matter, the smaller the better.

We are seeing banners growing larger, hero images taking the entire screens, video for visual appeal with no other function and more. This is harmful in some ways, starting from the digital divide. We are designing products to be used worldwide. Part of our design duty is to care about the user experience (people) worldwide, users in Bangalore with 0.5mb/s internet speed should have the same experience as the people in Helsinki. As from the planet’s point of view, more data means more fossil fuels. Websites are only increasing in size. From 500kb in 2011 to 4000kb in 2019. The majority of this lies with us, the designers. Modern sites and applications use web fonts, multiple JS libraries, high-resolution images, and videos, maybe adding a better visual experience, but definitely a more data-intensive and thus harmful experience for the planet.
Let’s not rely on internet speeds getting higher and work on making our products more lightweight. Also, research has shown that a faster user experience correlates with better conversions and higher user satisfaction. Take a look at the winners of the 10k Apart competition. They have achieved interactive and excellent designs whilst using 1/300th of the data of an average page.
Great tools for optimising your designs are, PageSpeedKraken.io and Performance Budget.

In conclusion

  • Raise awareness through design, educate and guide your users on making the right choices.
  • Data over everything. Deconstruct data to find what the right solution is, i.e. beware of greenwashing!
  • Shift to green hosting and you could save thousands of KGs in CO2. (Again, beware of Greenwashing)
  • Starting with ourselves, as people first, and as designers second.
  • Optimising design and code across all mediums.

We are experiencing a revolution in design, it’s being discussed in relation to the world’s largest topics such as diversity and inclusion, digital divide and politics. Sustainability should become an inseparable part of that conversation. This blog merely scratches the surface, and I would be grateful to hear your other ideas on how we can sustain this planet for our children.

Anmar Matrood

Anmar Matrood

Anmar is a designer with a strong background in UX and visual design. His passion is to simplify complex UX problems and his goal is to make intricate information accessible to the masses. Anmar is also an avid freediver, photographer, traveller and researcher.

Linkedin profile

Do you know a perfect match? Sharing is caring

Prelude

In digital times, people sometimes forget that the analog world still provides more organic results. Even though devices like the Ipad Pro + Procreate /w Apple Pencil and Wacom Cintiqs are getting closer and closer to analog results – analog still rules. It’s interesting to follow digital attempts on watercolour, oil painting, paint splatter and smudging. They are close to analog but still not quite the same.

Analog vs. digital

When deciding on a workflow that is suitable for you, there are some key points to consider:

Digital
Analog
Advantages
  • Vector output
  • Easy undoing
  • Easy moving of objects
  • Layers
  • Easy to achieve multiple almost similar versions of the same image
  • Version control (**)
  • Organic results
  • Unlimited tooling (***)
  • Analog, rough, tangible results
  • Freedom of creation
Disadvantages
  • The loss of happy little accidents
  • Limited by tooling (apps, software, stylus,…)
  • Human-generated algorithms
  • The need for digitalization
  • Analog output (at first*)
  • 1 version to work on
  • Not-so-easy undoing****

* = can be converted to digital rather easily nowadays, like for example with Adobe Capture or Scan + Adobe Illustrator Live Trace
** = Git or a WYSIWYG choice of your selection (note: if you have no idea what is version control, now it’s the best time learn it! https://en.wikipedia.org/wiki/Version_control)
*** = pen, paper, ink, brush, paint, markers, scissors, sponge, water, hands, dripping, tossing, smudging, printmaking, painting, cut-and-paste, ..etc.
**** = Eraser, white opaque colour, redoing, reworking, …etc.

Speed

Time equals money – so speed is essential.
The speed of creation is hard to compare. It really depends on the tools you are familiar with (and learn easily).
Consider creating an organic background both in digital and analog. The time spent on analog will always need additional time for digitization. Let’s take a closer look at this interesting topic.

Options for digitizing

Scanner + Trace in Adobe Illustrator (Desktop) – The Oldie

The internet is full of articles about this, read this for example https://www.lifewire.com/use-image-trace-in-adobe-illustrator-cc-2017-4125254
Basically, you scan your image and then trace it to vector (or use it as a raster version). Depending on the scanned original + your live trace skills you might end up with great results.
In the end, you will have a vector version. Some images are virtually impossible to vectorize. Line drawings are easy, for example, comics.

Adobe Capture (Mobile App) – Easy Vectorized Results

Okay, this is what I love. I literally do.
Adobe Capture is not a well-known app. It’s a free app by Adobe that allows you to digitize assets to Adobe Creative Cloud and then use them instantly on synced devices – WHOAAAH!
Adobe Capture has the following sections:

  • Materials – Easy creation of 3D materials etc, based on image/photo
  • Type – Recognise a typeface based on an image/photo
  • Shapes – Scan any raster shape into a vector from an image/photo – Wait, REALLY?!!!!
  • Colours – Take an image of anything and create a colour scheme – Huh!?
  • Patterns – Create a pattern from an image/photo, similar to a kaleidoscope
  • Brushes – Custom brushes from an image/photo

Instead of writing an extensive tutorial on the app, check this video by Adobe:

For a free app, it truly delivers something extraordinary. I use this app weekly with comic creation and similar tasks. Just take a photo in the analog world and use it instantly on digital as a vector – this is as good as it gets.

Examples & Conclusions

There ain’t exactly one do-it-all workflow for creating visual designs and drawings. A true master needs to understand the context and the end result. Each end-media has its own limitations that need to be taken into account when planning a workflow. 
Example 1: Praise IRL Label – digital + analog
When I was working on the Gofore Praise IRL label, I ended up mixing raster and vector graphics. (Gofore Praise IRL is one of our own Gofore beers)
Gofore IRL label
I have done print designs in the past, so I knew that I could make a raster graphics background by tossing paints in the analog world on a paper and scan the result. I just needed to be sure that the scanned end-result would have enough resolution (at least 300 DPI for the printed label). I post-processed the background in Photoshop and then placed it to an Adobe InDesign document, which was all vector on the other hand. TLDR: In the end result you cannot notice that the background image is not vector as well. It just looks all good, if you have enough DPI.
Example 2:  Craig Thompson’s workflow for comics
Craig Thompson is a famous do-it-all comic artist, who has released awesome graphic novels such as Habibi and autobiographical love-story called Blankets. A direct excerpt from his blog says:

I ] settled on a compromise common among comics pros – I pencil the pages digitally [ using a Cintiq ], then print out blue lines and ink on actual paper.
digital pencils
The advantage of digital penciling is I can see a chapter all at once (top right photo), cut&paste, zoom in close, edit on the fly, and work standing up (top left photo, avec Momo). But digital inking still looks too slick to me — I prefer the flawed & tangible qualities of fussy sable brushes on paper. Foot in both worlds!

This kind of unique combination comes from the perfect understanding of his own medium and workflow.

Conclusion

To achieve the best results, you will need to:

  • Understand your medium and it’s nuances
  • Understand the optimal workflow for you (time spent, skillset,…)
  • Understand the differences in vector/raster outputs
  • Understand your audience (what kind of looks do they like)
  • Benchmark other artists
Avatar

Esa Juhana Lahikainen

Do you know a perfect match? Sharing is caring

In the first part of the blog series, we described the challenge of combining service design and secure design with agile methods. In this blog post, we will describe a process model for tackling this issue. This model combines the envisioning phase with the agile development phase and ensures that secure design and service design are deployed with the development.

Start with the problem, not with the solution!

At Gofore, we use the service design approach to understand the service or products  core purpose. An example of a core purpose can be, for example, Instagram stating that their product is meant to “Capture and Share the World’s Moments”.
The objective of service design is to design a holistic, user-friendly service experience by answering the needs of customers and the competencies and capabilities of service providers. By using design thinking methods and tools it defines the optimal customer experience for the service to be designed. Service design aims to make the service creating actions visible to all parties involved and find empathy and understanding of the users of the service.
The objective of secure design is to ensure that the security and privacy aspects of the service or product delivered, and the associated user experience, have been investigated together with the business and stakeholders from the inception of the project. The challenge is how to ensure secure design, like service design, gets built in?
envisioning
Figure1. Envisioning

Utilising a design-thinking mindset, we conceive the core purpose with a “Double Diamond” method. This diamond model of creativity combines divergent thinking and convergent thinking phases to discover as many ideas as possible, and then distil them down to the best solution. Using the Double Diamond, this process is repeated, once to confirm the problem setting (to find out “Why” we’re doing something), and once to ideate the solution (to find out “What” we’re doing). The user environment, user tasks and associated user behaviours are explored, elucidated, visualised and synced with the service provider’s business and strategic goals. This is done using various service design processes and tools, for example by applying participatory user- and stakeholder-oriented design methods from the very inception of the project.
Service design yields the design drivers for the service to be implemented. At the same time, the security- and privacy-relevance of these design drivers should be scrutinised; for example, what is contained within the user data? Does the service ingest personal data? What data regulation must be complied with? What are the business and user assets requiring protection, and how? Thus, service design and secure design should be done simultaneously.
Continuing with service design envisioning, the user epics are ideated, and corresponding requirements are extrapolated. Concurrently, the security and privacy aspects of epics should be identified and documented. When the corresponding service features are concepted and their stories are derived, the corresponding security and privacy user stories should be derived and linked. For example, if the concept is a web application, then the web application’s feature stories should be linked to the associated security and privacy stories where relevant.

Why should you envision first?

By finding the core purpose of the service to be designed, the envisioning phase delivers not only the customer value being aimed for but also the guidance for prioritising the backlog and validating the design (metrics and test cases). It also acts as a valuable resource for defining the service roadmap and business strategy by answering the question: what user features are most important to implement first?
As mentioned earlier, service design and secure design are mutually beneficial and complementary activities. Requirements arising out of service design are likely to have associated secure design and privacy requirements that can be further deduced by assessing the threats and risks to the design. By ensuring that both service and secure design perspectives are purposefully envisioned, a more user-centric and a more robust foundation will be ideated and architectured into the implementation phase of the project. This mitigates the risk of service design and secure design deficiencies that cause further expense, wasted effort and rework arising during the production phase. Notably, this complementary design characteristic also fosters the sharing of design, security and privacy awareness across these historically siloed disciplines.

From envisioning to production

When the backlog of service concept epics, feature stories and linked corresponding security and privacy stories are considered primed for agile implementation, then the initial sprint grooming and planning can commence.
How to ensure continuous design in agile processes?
To ensure a complementary user-centred and security- and privacy-oriented approach throughout the development phase we require both the secure design and service design advocates to participate throughout the implementation. We also require team members and a product owner who understand the benefits of building service design and secure design into the implementation. This is crucial because there is a natural tendency for developers to focus on visible deliverable features; after all, that’s what the customers and business stakeholders want to see; visible signs of progress.
For these reasons, a continuous service and secure design concepting flow should run alongside the actual sprint process ensuring their aligned iteration according to the agile iteration model whereby you plan, develop, evaluate and iterate the design continuously based on user studies and usability testing.

Figure 2. Development
As depicted in Figure 2, the service design and secure design activities continue throughout the development phase to keep the process agile and iterative. The deliverables from the concepting and prototyping work are continuously designed just one or two sprints ahead of implementation. The implemented design is then, in turn, evaluated by usability testing and acceptance testing according to the metrics established in the envisioning phase. If according to the testing, there is a need to change the design, it goes back to the drawing board as design iterations. This ensures a continuous evolution of the service design and secure design epics and features while keeping the service’s core purpose linked to the iterative development and evaluation of the service.
In this way the objective and purpose of the service being developed are nurtured along; prioritising the backlog is easier when the guiding requirements for it have been properly established and are maintained alongside the daily implementation work. Also, by using this model, the concepts delivered using service design and secure design can be re-evaluated at any time. For example, if while doing usability testing, we discover that users’ needs have changed from what the initial envisioning phase suggested, service design will scrutinise and update the core purpose and help steer development into a more user-oriented service experience. Or if some feature or component changes, secure design will scrutinise potential security and privacy impacts and protect accordingly.

Recap: to be truly agile, plan (a bit) first!


Figure 3. Holistic envisioning and development of service design and secure design
At Gofore we encourage our customers to ask for a pre-planning or study/envisioning phase before the actual agile production of the service starts. This delivers preliminary requirements for the service experience, its security and privacy considerations, and guidelines for metrics and evaluation. Envisioning also simplifies the estimation of the scale and scope of the project to be done. With our Envision/Develop process model, we can tackle the service design and secure design requirements while maintaining an agile process wherein the design concept can be iterated at any point during its production.
 
Further reading:
Service Design Network: What is Service Design?
https://www.service-design-network.org/community-knowledge/what-is-service-design
Design Council UK: The Design Process: What is the Double Diamond? https://www.designcouncil.org.uk/news-opinion/design-process-what-double-diamond
Minna Puisto: People don´t want service design, they want their problems solved!
https://www.linkedin.com/pulse/people-dont-want-service-design-problems-solved-minna-puisto/
Craig Bachman: The Agile Experience Strategist
http://craigbachmanjr.com/site/the-agile-experience-strategist/
Valerie Carr: LEAN and Service Design | Understanding the differences.
https://wearesnook.com/lean-service-design-differences/
Gofore blog, Niall O’Donoghue: Secure design is a mindset and way of working
https://gofore.com/secure-design-mindset-way-working-2/
Gofore blog, Jyrki Anttila:Hands-onn UX-Design in Lean Projects with Limited Resources
https://gofore.com/hands-ux-design-in-lean-projects-with-limited-resources/
Gofore blog: Combining Service Design and Secure Design in Agile Software Projects: Part,1 the Challenge
https://gofore.com/combining-service-design-and-secure-design-in-agile-software-projects-part-1-the-challenge/

Outi Kotala

Outi Kotala

Outi has been providing user experience and service design for B2B, public sector and customer market services since the beginning of this millennium. She has designed usability and brought the user-centric approach to the development of online services and mobile apps as well as other digital platforms and digital tools, using different kinds of design thinking methods and prototyping tools. She has experience in doing design as part of the agile software development processes (SCRUM, SAFe, Kanban, Lean).

Niall O'Donoghue

Niall O'Donoghue

Niall is a secure design best practices advocate, coach and promoter. His experience includes seeding the secure design mindset and best practices for private sector Internet of Things web applications and facilitating threat analysis workshops for public sector web application projects. Niall is also passionate about helping organisations to evolve their overall security maturity.

Linkedin profile

Do you know a perfect match? Sharing is caring

The challenge

Imagine building a house in the following fashion: you start building the house from one room, for example from the bedroom. You start erecting the room walls, decide its dimensions, interior design, and furnishing. Perhaps while building the bedroom you consider other rooms as well; you have preliminary ideas for the kitchen, the lounge, the bathroom, and so on. What’s missing?
What is missing is the fundamental architecture and functionality of the overall house; what type of residence is it intended to be? A loft, a cottage, a mansion, something else? What type of foundation needs to support it? What materials should constitute its roof and exterior walls? Who are the intended residents?

Combining design techniques

The challenge with agile methods regarding service design and secure design

Building a software product or service using the agile philosophy encourages implementing features quickly, with an expectation and pressure to deliver visible progress to stakeholders. Often, agile projects tend to sprint from the start – and keep sprinting – without enough attention as to what should be the appropriate starting point for the whole projectJumping straight into the agile process is like building a house without its fundamental blueprint.
In many agile process models, the user-centric approach and service design philosophy are not written explicitly in the model. This omits the whole process of defining the service’s purpose in a user-centric way, or it is too vaguely described to be of actual use for the day-to-day production work. On the other hand, the lean start-up methodology isn’t well suited to large-scale organisations or complex service ecosystems.
Likewise, in many agile process models, secure design is not written explicitly in the model. Secure design involves design considerations for ensuring that the security and privacy aspects of the delivered service or product, and the associated user experience, have been taken into consideration from the beginning. A secure design aims to be self-protective and trustworthy.

Design debt

Still, with even the leanest service creation, some kind of discretion and direction is required to elucidate the preliminary problem statement for the design. We like to call this phase  envisioning. The bigger the picture, the more upfront study and understanding is required of users’ needs and their context of use.
If the envisioning phase is not done properly (and keeping the users in mind), the result may be a service creation process that is very agile and productive in letter but not in spirit; a process that actually fails to deliver any real value to the organization or its customers and users, and with security and privacy design deficiencies. If guidelines for prioritising the backlog are unclear, rapid arbitrary changes of focus and, changes to which feature preferences to implement may occur. Managing the service roadmap becomes unwieldy. The aimed for customer value may be hazy or not based on actual user needs with the consequence that the metrics for evaluating the service may deliver less accurate results. User stories may not be based on actual user needs at all, but instead, reflect the organizational perceptions of users and their needs.
This omission or gap from envisioning to production, from the project’s outset, triggers the risk of service design and secure design debt due to envisioning being de-prioritised, delayed, or skipped. As the saying goes; the earlier debts are repaid, the better. Better still, don’t allow debt to build up. It pays to use some time to plan and to avoid this risk before the agile process kicks off!
In the second part of this blog series, we will describe how this envisioning phase is done and its deliverables deployed to the agile development process. 

Further reading:

Jari Hietaniemi: The Best Ways to Screw Up An Agile Project:
https://gofore.com/en/the-best-ways-to-screwup-agile/

Outi Kotala

Outi Kotala

Outi has been providing user experience and service design for B2B, public sector and customer market services since the beginning of this millennium. She has designed usability and brought the user-centric approach to the development of online services and mobile apps as well as other digital platforms and digital tools, using different kinds of design thinking methods and prototyping tools. She has experience in doing design as part of the agile software development processes (SCRUM, SAFe, Kanban, Lean).

Niall O'Donoghue

Niall O'Donoghue

Niall is a secure design best practices advocate, coach and promoter. His experience includes seeding the secure design mindset and best practices for private sector Internet of Things web applications and facilitating threat analysis workshops for public sector web application projects. Niall is also passionate about helping organisations to evolve their overall security maturity.

Linkedin profile

Do you know a perfect match? Sharing is caring

This is the last part of blog series: “Design Essentials: How to Prosper on Every Platform”.

Know Thy Customer

snowboarder
We have now discussed platform and context, so let’s dive a bit into our customer.
Your customer is most likely a Homo Sapien.

The need for self-expression

I sometimes like to fall back on Maslow’s hierarchy of needs when trying find fresh ideas. To simplify the theory, after the essential needs for humans have been fulfilled, comes the level of self-expression.
Some animals do self-expression, but this is where human behaviours are on another level. Expressing identity is nowadays a hot topic; maybe it always was. Clothing, makeup, jewellery, behaviour and rituals are a part of every culture since ancient history. The ruling Pharaoh in ancient Egypt had various styles of crowns to express his/her authority.
People do self-expression via brands as well:

In a culture that values individuality and personality, what we choose to wear, to drive, even what we order at a restaurant, are potential opportunities to fulfil our need for self-expression and marketers must understand and find ways to fit their goods into this process.

…Furthermore:

A business cannot reach any individual if there is no clear understanding of what a brand, product, or service symbolically represents.

(Source)

The need for belonging

The internet is the ultimate way to find like minded people. Maybe you like Manga, live gigs or DIY – There’s always a community available online. The way to connect with communities happens through electronics, mainly apps and websites. Ultimately, all the social connections that are not made in real life rely on some sort of data transmission. As a designer your goal is to build the best possible experience on top of that connection. (Let’s not forget the importance of the whole software team). The Long tail  enables easier customer acquisition and sales based on niche items and services.

some neuroscientists have suggested, human beings could be wired to feel pain when we are bereft of social connection, just as evolution has wired us to feel pain when we are deprived of our basic needs (e.g. food, water and shelter).

(Belonging) offers “reassurance that we are not alone,…

(Source)

Brand Archetypes

Successful brands are based on customer values. By creating a lifestyle brand, you have a better chance at succeeding.

(Lifestyle brands) can help us to connect more with our ideal version of ourselves

These businesses have figured out how to earn the respect and trust of their customers by giving them access to the lifestyle they crave.

(Source)
The underlying idea of a lifestyle brand can be traced easily back to Carl Jung and the concept of archetypes. An archetype is a universal idea, symbol or motif, that is repeated throughout history, art, literature, mythology and religion. The 12 Jungian archetypes are presented here:
12 Jungian archetypes
(Source)
If you wish to build a great brand, you should understand your audience, and build a lifestyle brand based on the ideal version of themselves. Pick 1-2 archetypes to start with.
If you look closely, you will start noticing these archetypes all around you in brands.
Take a look at Patagonia, a clothing company that markets and sells outdoor clothing.
Instagram screen shot
Their marketing is full of awesome landscapes, people living the active outdoor lifestyle. Recently they entered the fight against the climate change, big time.
Now try to categorise them with the 12 archetypes provided.
My interpretation of the archetypes: Explorer + Jester with some adjuncts from Hero. Is your interpretation different?

Putting it all together

As a designer, you need to have a mindful attitude towards life. Learn to observe and enjoy the notes you take. These notes are an invaluable asset for you. To observe things better, start carrying a pen + notebook or a rangefinder camera with you. This helps you get better at observing.
In order to design something great, you will have to tackle multiple things at once. Learn to take a wider perspective, but also be able to focus on the tiniest details. Service design considers touchpoints  as any possible interactions happening with your brand, that might affect the way how he/she feels about it. By understanding what happens at each of the touchpoints, you are able to design a better customer experience.
As a service designer, you are obliged to observe your personal experiences and take part eagerly in any new experience opportunities. Especially in large cities, where these services are often well-formed. Think like a service designer when you are having a holiday. This works vice versa, too: Think like a customer when you are doing service design work.

As I was writing these three areas of blog posts, I realised that a book would be a better format. I hope I was able to give you some fresh perspectives on design. By tackling platform, context and customer – you are on your way of becoming a great designer!
This post ends blog series: “Design Essentials: How to Prosper on Every Platform”.
Part 1: Design Essentials: How to Prosper on Every Platform – Know thy Platform (Part 1)
Part 2: Design Essentials: How to Prosper on Every Platform – Know thy Context (Part 2)
Thank you!

Avatar

Esa Juhana Lahikainen

Do you know a perfect match? Sharing is caring

Know thy Context

In a designer utopia, the user is always performing one task at a time, i.e. performing a single use case in your product. Often times, the modern world consists of intertwined tasks and interruptions. This leads to a conclusion that understanding the use context is essential in order to carve great experiences.

Simultaneous tasks

Examples of what the user might do while she is using your mobile app product:

  • Use other apps
  • Have multiple tabs open
  • Talk with other people
  • Browse email
  • Browse the world wide web
  • Use other smartphone features
  • Run
  • Cycle
  • Eat
  • Listen to music
  • Watch Netflix
  • Do pushups

In a nutshell: 100% of the user’s attention is not targeted to your product – it is divided among other interesting tasks. You don’t have full attention, so make your designs as if you were designing for an ape: Intuitive enough to be used with as little amount of attention as possible.

Feelings

The user may or may not have experienced something from the list within 1 hour of usage of your app.

  • Run a marathon
  • Quit a marathon
  • Had a meal
  • Eaten too much
  • Slept 12 hours
  • Haven’t slept for 24 hours
  • Given birth
  • Attended a funeral

Emotions of a person are a cumulative result of a person’s past experiences. When experiencing your design, a user may already be frustrated by misfortunes experienced recently. On the other hand, she may be feeling like she is on top of the world.
But how to take this into account?
Learn the aspects of classical UI design. Read books, for example, Designing Interfaces: Patterns for Effective Interaction Design.
It’s all about compassion. Until we can deliver truly personal experiences, we should use polite but not too childish language in our user interfaces.
A frustrated person may also get angry with the experience if she has to wait for loading. You should avoid loading experiences or make them unnoticeable.
Take advantage of user personalisation on different platforms. For example, someone may prefer different font sizes on iOS. On the web, make things responsive, zoomable and bookmarkable.

Personas are the de facto way to put yourself in someone else’s shoes.

persona card

A persona is a way to model, summarize and communicate research about people who have been observed or researched in some way. A persona is depicted as a specific person but is not a real individual; rather, it is synthesized from observations of many people. Each persona represents a significant portion of people in the real world and enables the designer to focus on a manageable and memorable cast of characters, instead of focusing on thousands of individuals. Personas aid designers to create different designs for different kinds of people and to design for a specific somebody, rather than a generic everybody.

Get hands-on experience of the context

Acquire hands-on experience of the use context as much as possible. If you are designing an AR-based collision-detection system for an excavator, be sure you step into the control room and learn basic maneuvres with the actual excavator.
These kinds of experiences have many benefits, they:

  1. Help you gain empathy towards users
  2. Help you understand simultaneous tasks
  3. Make you go through the same emotions as the user
  4. Motivate you as a designer
  5. Give you unforgettable experiences while working (great!)

So now you are with real users – why not observe them at their work and hold a workshop on the same day? Get another designer to accompany you – alternate the roles of documenting and observing users during the day.
Go through the materials and extract the most important remarks. Make iterative designs

The Setting (Location, time of day and weather)

Alright, let’s come up with a totally imaginary situation and platform.
Imagine this context: 7 mountaineers are trying to reach the top of Kilimanjaro. A storm arises, the group is dispersed. John and Andy are with each other, but Andy has broken his ankle. Luckily John packs a weather-proof mountaineer smartwatch – there is an app installed that is supposed to have one mission: Work as a beacon for safety helicopters to save mountaineers in danger. This app will send a GPS signal for the rescue squad in the background and is only used in emergencies.
Now let’s make a quick 5-minute mockup in Sketch. Once you open the app on the watch, you will see this. The soothing green with text informing you that you are not in any danger (I know, red and green are a bad colour combination).
I am fine
Once you tap the green screen, the view will go red and the text will change – Now a rescue squad is on the way.
Rescue
Great… But wait, there is a snowstorm on Kilimanjaro, and the text vs. background contrast may not be enough in bad weather. Here’s how the landing view would look like in a bad storm:
simulated snowstorm
Indeed, we need to improve the text legibility.
Here’s the second iteration with larger text size and more contrast (black on white with green circle)
I am fine
Here’s the snowstorm simulated again:
simulated snowstorm
Now compare the legibility in the “snowstorm” – We gained some contrast and legibility with our changes, great!
As the smartwatch is positioned on the mountaineer’s hand, he can always bring the watch closer to his eyes to gain extra legibility.
If I were to be rescued, I’d like to know that the rescue signal is still being sent (my battery hasn’t run out). I’d also like to know that the signal is being answered. Let’s improve the rescue mode too. (I’ve made the same legibility changes also to this screen).
Rescue
I’ve decided to add a GPS signal icon to symbolize the rescue signal being sent. Also, I’ve added a vibration feature to the app, so the person who is being saved gets a vibration on his wrist for 60 seconds (or so, this should be user-tested) and is aware that this rescue mode is on. It is reassuring for the user to feel the vibration and trust that the rescue squad is on their way. A soothing beacon…
But how does the user know that help is on its way? We need a way for the rescue squad to signal back to the watch.
Let’s split the rescue mode into two views: pending vs. on-its-way views. Let’s make these statuses as obvious as we can, so the mountaineer doesn’t have to think too much while their life is on the line.
We can make use of the circular red + text to signal these two UI states.

Here are all three final versions

Rescue app opened
Rescue Pending
Rescue request received
I am fine
rescue pending
being rescued

…And the possible state transitions.

state transitions
The rescue operator would need a client to handle rescue events, but let’s not design this. It would be likely a web/desktop application and the operator would use a phone on his daily work.

What we have learned

Design is affected by simultaneous tasks and user’s emotions. In order to put yourself in the end user’s shoes, you should get first-hand experience with the context by defining personas and putting yourself into user’s shoes. Design changes based on the setting (Location, time of day, weather).
In our example, we ended up making changes to the original design idea based on understanding the use context.

  • Typography
  • Interactions
  • Animation
  • Colours
  • Haptic feedback

This was just a 30-minute example – more complex scenarios lead to more complex changes. What you need to do is iterate on the designs, and make end-user tests. Norman & Nielsen suggests that you only need to have 5 end-users to get saturated on end-user testing. Lean UX is a set of principles that rely on iterating the designs. Don’t forget to pivot if you need to!
To be continued – This was part 2 of a number of posts on the topic: “How to Prosper on Every Platform”.
Be sure to read part 1: Design Essentials: How to Prosper on Every Platform – Know thy Platform (Part 1)

Avatar

Esa Juhana Lahikainen

Do you know a perfect match? Sharing is caring