Engaging PowerPoint presentations

Illustration by sandra staufer for heads-up coaching

"A picture paints a thousand words."

 

Illustrations help your presentations and blogs be more effective, personable and memorable.

It is hard enough to find engaging content for a presentation, even harder to get people to actively listen. A few nice, friendly illustrations in the right place can help an organisation stand out from the competition and have a more profound influence on the audience, especially in a high-pressured presentation, or a tender process. 

Stock imagery VS bespoke illustrations

The web is full of stock images and marketing departments are often tasked with trawling through stock libraries to find appropriate visual assets and icons for presentations and blogs. This can quite easily be inefficient and time-consuming. Furthermore, the outcome can be a mixture of unconnected visuals which do not represent your brand's organisation cohesively. Choosing an illustrator to produce a library of assets which can be reused for your PowerPoint presentations and blogs is a compelling way of communicating a coherent brand message. It will certainly take away the pain of finding assets yourself. Each illustration should be designed to enhance and clarify your message.

The important thing is to maintain a consistent visual illustration style that represents your organisation well. Illustrations will be an exact match to your story and can equally become part of the organisation's design system (perceptual patterns).

A good example, where illustrations have become part of a design system and a brand asset: https://www.tsb.co.uk/personal/, where music and cheeky illustrations are combined to represent the TSB brand. Last year, TSB split from Lloyds Bank; a change in their illustrative style gave them a very friendly and approachable feel, clearly differentiating their brand from Lloyds. Another good example: https://basecamp.com/. I simply love the drawings as they illustrate the messages with humour.

A picture paints a thousand words. Illustrations are like the glue that helps hold the attention of the audience or the reader. By doing so, they will unconsciously gain a better understanding of your topic. A large part of our brain is devoted to visual processing. Because of our impressive ability to take in and process optical elements, we’re able to understand an idea much quicker if it was conveyed using visuals. Especially when the user hasn't much time, such as here, on this events portal www.eventbrite.co.uk/; a nice personal illustration makes your event stand out.

 

Personalise your tender proposals and stand away from your competition

For a tender design especially, it's critical that you stand out above the competition and clearly show the potential customer that you care and that your proposal is unique. Reading a document with creative, humorous assets would create a better experience and will certainly help the reader remember your proposal.

Presentations and tenders are often required with a quick turnaround. So is a personal illustration style the right way forward? Well, that depends on the style of illustrations, of course. A life-sketched 'hand-drawn' approach, for example, is quick, effective and spontaneous. Let us not forget to add a pinch of humour or sarcasm if allowed, as this will definitely add a 3rd dimension to a presentation.

Make your event stand out

Standing out from others isn't always easy; especially when the user hasn't much time, such as here, on this events portal www.eventbrite.co.uk/; a nice personal illustration makes your event stand out.

Let's have some fun

Our illustrations style is very suitable for quick turn-round PowerPoint presentation project, a tender proposal and a blog. We are happy to fulfil one-off projects or commit to a monthly subscription e.g. for a monthly blog. Wanna give us a try?

 

___

Illustration by for , have a look at their blog 'Could September be a new start for your career? 

ILLUSTRATION BY SANDRA STAUFER FOR HEADS-UP COACHING
title

Current trends in comparison with the 'Swiss International style'

Just recently I thought to revisit the great and good typographers of the 'Swiss Style'. As trends focus on reducing the number of tasks - but executing them as flawlessly and frictionlessly as possible - it’s never been more important to get the foundations right.

Those guys really knew what they were doing with the simple ascetic!  Swiss graphic design enjoys a worldwide reputation for legibility, cleanliness quality, strong concept, formality, objectivity and precision.

Often referred to as the 'International Typographic Style or the International Style', the style of design that originated in Switzerland in the 1940s and 50s was the basis of much of the development of graphic design during the mid 20th century. Led by designers Josef Müller-Brockmann at the Zurich School of Arts and Krafts and Armin Hofmann at the Basel School of Design, the style favoured simplicity, legibility and objectivity.

Emil Ruder played a key role in the development of graphic design in the 1940s and 50s. His style has been emulated by many designers, and his use of grids in design has influenced the development of web design on many levels.

 

So why did I feel this reconnection was necessary to advance my design work? As Maslow’s Pyramid identified, creativity and purpose are at the top of the hierarchy of needs. In daily design works, designing for clients, creativity and purpose can sometimes take lesser of a place over profitability and business success, speed of throughput etc. I needed a bit of creative injection and remind myself why these fantastic typographyers and graphic designers in the 'Swiss style' period found it necessary to simplify, to create art with typography and graphic design, to create works that achieved longevity.

As a web designer, I often feel squeezed and made to use UI patterns and templates to save time, and this can be frustrating; a good creative long concept phase  is invaluable, where I can get my creative juices to flow, where I can ask the client for the real purpose of a redesign (Good video: Why Some Designers Are More Valuable Than Others,). Often there simply isn't the budget, or the client doesn't see the added value which is a shame (Good video: How to Respond To Price Buyers or Low Budget Clients - Roleplay).

‘Mobile first’ has shown the desires of users to do their thing and get out. The app like attributes of laser focus on the key task free from distractions. This has pushed a focus on being concise and clear and making sure that clarity is consistent across platforms and channels.  The hyper-competitive market dictates the simplifying of the interface to serve up the best user experience.

Hence it is critical that individual design elements have been crafted with precision and utter simplicity to be able to carry the messages and journeys without distraction. I welcome the trends where we simplify fonts, use much more white space and allow the design to breathe which then best communicates the message. I love it.

The great 'Swiss Style' designers created visual communication which in their simplicity achieved attention and unchallenged presence. The design principles of the international style are still relevant in today's web design, and I am happy to recognise that most of the trends for graphic design in 2018 reflect these principles:

  • clear organisation of the elements on a grid
  • hierarchy to achieve a good composition  
  • figure ground (the visual separation of design’s parts, the relationship between dominant and less dominant design assets, or between foreground and background, negative space / positive space etc.
  • symmetrically or asymmetrically balance to establish harmony and to create a more dynamic composition
  • contrast to create visual tension, colour type weight, or scale, tonal values etc
  • scale  
  • proportions
  • cropping
  • pattern

 

Philip VanDusen (Verhall Brand design) analysis of graphic design trends for 2018 showed a very close parallel to the 'Swiss International Style' design and typography masters - and how relevant graphic design still is. I clearly see that the trends are taking forward the international style designs principle, whilst reflecting on the Swiss Style masters. Even if some of these trends do not necessarily reflect simplicity, they are based on good organisation and contrast, good hierarchy, symmetry & asymmetry as well as considered proportions.

font illustartions
text as design
colourchannels
Artboard
sliced text
Transparency
the glitch

I hope you liked this little comparison exercise, and as we know other trends for 2018 suggested bigger and bolder creative typography in general, use of fonts in different compositions, double exposure effect of images, vivid colours, (examples Youtube mark, spotify logo) for dimension, geometric shapes and patterns.

 

Conclusion

After years of visual opulence, the ‘Swiss International Style’ and its simplicity is again in demand, especially for infographics and typography used in the digital and printed media. What I really like though is in the trend of making our designs more concise, simple and usable, we are looking back at designers from simpler times for inspiration. Ironically it is they who are bringing sense, meaning and most of all impact, to these incredibly complex and challenging times.

So now more than ever graphic design is utterly relevant and essential and we can truly learn so much from these masters of their craft.

___

Books I am currently reading:

___

Timeline:

___

Resources:

 

 

4_Blog

When you have once touched quality, you’ll never forget it.”

Armin Hofmann

Navigating the path of web design

Getting a web design project off the ground is exciting for designers as well as for clients. Navigating through that process can be intimidating too, as there needs to be much discussion about scope definition, budget, timeline, legacy content, usability, sitemap, etc. Most importantly, it is critical to establish what the client actually defines as a 'project success'; the client may not be able to articulate it, but together you must have a discussion about what this means to all members of the team. In this blog, we are examining a web design project path, not looking at the commercial or schedule restrictions, but suggesting a linear approach from discovery to design 'sign off'.

Getting to know the project team

Set aside some time to get to know the team members on the project, your client, any other stakeholder and any third party contributors; learn their strength and weaknesses, as good communications between the stakeholders is key to the success of a project. Learn the expectations of each team member and make sure you understand the expectations for the project.

Ask questions, don't hold back

From outset ask the client if they submitted all the information they keep, such as user-testing survey results, insights etc.  The client may not think this information relevant to a web design project, but it is. Gather all the project assets such as brand guidelines, logos, visual communications documents and discuss any legacy problems with the online branding, taxonomy and a good amount of web content etc.

Ask the client the following questions:

  • What are the main business goals and priorities for the website?
  • What is the value is of the redesign? at this point in time?
  • What are the user needs?
  • What are the brand needs?
  • What about existing user research?
  • Has any user-testing on the current website been undertaken?
  • How will the success of the project be measured?
  • Is the online marketing sorted?
  • And what other marketing materials and campaigns are there supporting the new website?

Request some examples of likes and dislikes and ask them to qualify these examples. Discuss the design of a new logo now, if that is required as this may change the timeline.

Needs VS Wants

Most clients think that their website should be a tool for all people. Needs will make a website successful, Wants are all things that can be done with the website, the latter will lose focus. It's so important to focus on needs and to establish early on the MVP, the idea being to provide the end user with something that offers just enough to satisfy their main desires, and nothing more.

Research, and read the brief

Take time to research the client. Undertake a Discovery in focus groups on site, so you know what and whom you are dealing with. Get to know the competition and their approaches. Look at trends and standards. Read the brief, twice, three times. Don't read into it. Ask the client to explain the brief. Sit with your project team and create a list of priorities to answer the brief, establish the milestones within the design process. If there isn't a brief, help the client write a brief, it is the only way forward.

Here some questions to help establish the design brief:

  • How do you want people to feel when they come to your site?
  • Look and feel: Evolution or revolution?
  • Message objectives/hierarchies?
  • Colours, logos, branding, fonts etc
  • Dos and donts?
  • Magic wand / wish list?

__

The Discovery

The Discovery process

Understanding the audience and the 'jobs-to-be-done' - don't make assumptions

Get to grips with all the question relating to the user/ audience, and don't make assumptions. To design well from outset use JTBD to focus on the job that people are wanting to do, rather than the attributes around that person. Learn about the user motivation, the situation they are in and their pain, anxieties which may make them struggle to interact with the website and complete a call to action. (Example: When I am sitting at my desk, searching for a new sofa - (Situation), I want to see the images clearly together with the prices - motivation, so that I may compare and purchase the product with that knowledge - outcome). A wireframe tool such as Axure may help for this exercise.

 

 

“People don't want a quarter-inch drill, they want a quarter-inch hole.”

Theodore Levitt

 

Content first - tell the story

Content drives the traffic and engagement, and this intern drives the user to act. It is important to have a vision of what the website could/should look like, however, it is more important to think how the design can enable the content, to make it accessible and appealing to the user, so that she/he can interact. Voice and one are critical, a good story allows better reading, and the story is important in the description of the vision, description of services or products, and conveying the feel of the brand. The words are the tool that shapes the design, as different words on a call to action, for example, create a different experience.

Set some design standards and respect web standards too

Discuss with your project team the web standard that now has been established, talk to them about good design standards and why it is important to establish these from outset, as they help with the outcome. Identify the 'sign off authority'. And do not allow 'design by committee'; make sure that everyone in the team knows this is a recipe for disaster. Focus on the end product (everyone wants to have their most important bit on the homepage), and assure that this is managed well, help with the internal politics, always bearing in mind what you actually want to user to achieve or do.

Keep it simple - mobile-first approach to help with difficult designs decisions

If you keep the navigation simple for mobile for an optimised user experience, this will translate well into the desktop design. Help the user to navigate intuitively. A good prototype tool such as Invision helps establish the user-journey and test with the client how the user interacts on all platforms. It helps answer many questions at outset and helps you think about the engagement with the content.

Be creative and coherent

Even though designers don't like it when clients say 'just be creative', as this gives no insight into what they actually envision, it is important to think outside the box, to experiment and to be creative. The project assets may set the direction clearly but this is a good time to also undertake a 'wild card' design to make the project team think. This allows to test the brand messages and align the online presence. If possible allow a bit of time for this creative process within the timeline, as especially if you are establishing a long-term partnership with this client, the outcome of this research could be used at a later stage for inspiration, and it is a valuable investment.

Coherence is important as it asks for reasoning for every design detail. It means talking to the user in a similar tone across the User Interface. It means following the key brand elements but being creative around those.

All members of the project team need to understand why design needs to work well...

... and that the design needs to be agile enough to allow for content changes. Pretty pictures are nice, but the content editor needs to have the right tools to create engaging content blocks. Discuss with the editor what content component they require, and this may drive a big part of the design process. Maybe even show the client early how the content management system works, as this will give them an insight into your design decisions.

Reviewing the design

Reactions to initial mood board and designs will always be emotive, everyone has an opinion about design. Make sure that even early the design is critiqued against the brief, and that your client remains within that framework, as it is easy to go off on a tangent, looking at hundreds of other websites they may also like. Remind the team of the objectives and focus on what the website needs to achieve, the designer can then find good design solutions.  An interactive prototype may give the impression of how the website will feel like, recently we have found though that people focus too much on the detail of that user-journey. We suggest that this phase is critical, but at the beginning where we are trying to establish a look and feel, and for the client to commit to that, it may be easier to keep it simple and show flat design with certain components such as a mobile menu or a highlight box indicating the functionality within the look and feel. This can then be signed off by all stakeholders, and the project team can then embark on the details of the user-journey in context of the next design phase. Because design is all about detail.

Test early to help with conversion

It is easy to get excited about a first direction and to continue with it too far, without testing it with users. A prototype tool and Chalkmark testing period is great and gives good insight on task-oriented success rates by getting quick feedback on design decisions and any assumptions made. In the project, schedule plan allows time for this, as after the build it is too late to incorporate essential findings.

 

Usertesting_02

A design doesn't need to be complicated - the case for white space

We don't need to create something beautiful to be effective, but a good design makes it easier to use and appreciate it. Combining pretty with useful is the aim. Keeping a design simple requires skills as the right design decisions need to be made on what is really necessary and what is clutter. In interaction design, white space or 'negative space', refers to the empty space between and around elements of a design or page layout. It is often overlooked and neglected. Designers believe in using white space for elegance and ensuring a quality user experience. Unfortunately, not all clients appreciate the need to allow for this white space. The trends, however, are changing, and we welcome this trend as white space is a powerful design tool which can focus content.

The value of white space

Interpreting the design feedback

Again it is important to outline the objectives of a design review, and in most cases that is to find the long-lasting overall design direction for the organisation. 'I don't like it' must be the most useless sentence in the history of design. It may reflect the observer's opinions, but learn more about what’s not working for a client and that will give you more steer for the next design stage. It is a fine balance between imposing a design opinion, listening to the client, and adhering to design standards. Reminding the project team of the project objectives may avoid a discussion about design details. It is the project manager's skill to lead this discussion carefully and making sure that each project team member contributes feedback relating to their expertise. This is of course never easy. Best to offer designs in batches, and building up the blocks, so for example, design a mobile homepage with navigation first and then test how this translates into desktop and other platforms and adjust the design process accordingly.

Make sure the design is signed off

Achieving a design sign off can be a drawn-out process, but it is important, as it aligns the project team with the objectives of the project, and acknowledges that all questions have been asked and answered. Of course, that is the theory, in practice, many more questions will come when the design is coming to build when content is entered, but it feels like a good milestone for the team. And of course, it gives the designer the affirmation that the client is happy with the design and that in case there are any changes all parties are aware of the implications.

Conclusion

In theory, this process can be linear, but usually, it is not, because people's opinions and personalities affect the project flow. Each project brings different challenges; one of the biggest challenges for us is to focus on that objective (on the hole to be drilled) and to try to convince the client that it is worth taking the time for a good discovery and enough time for the design phase, as the outcome will reflect that investment.

 

thehole
The Happy Show__02

Stefan Sagmeister - The Happy Show - Museum für Gestaltung im Toni-Areal - and a ‘Fasnachtschüechli’

- "What is happiness, where can one find it and what can man woman do for his/her own happiness? The New York-based graphic designer and typographer Stefan Sagmeister has been working intensively on these big questions. 'The Happy Show' shows the results of his radically personal happiness research. Refreshingly emotional infographics, moving video documents of self-experiments or installations to join in: the sensuous imagery of the native Austrian animates the audience to increase their own happiness. With handwritten comments on walls and on floors, Sagmeister simultaneously marks humour and subtle distance to the subject…’ 1)

So I went along and took advantage of the ‘power of time-off’. In the long run, we all want to find happiness, don’t we? At this point, I was quite sure that I had quite a good steak in the happiness pie, and I took this as a chance to test my assumptions.

The Happy Show__03

 

I always enjoy a visit to the ‘Museum für Gestaltung’ and the Toni Areal, as I myself once attended the ‘Vorkurs’ (Foundation) in Zurich, and I have extremely fond memories of drawing alphabets, studying typography, experimenting with form and challenging my skills. So if in this case, I was to find a new approach to how I perceive design, then that would suffice for the day. But a challenge is always good and I am merely grateful that someone asks questions, especially about 'happiness', to challenge my belief systems.

I liked the brochure accompanying the exhibition which is now sitting in my office: "1.2 This exhibition will not make you happier." (This managed my expectations), "2.1 Now is better", "2.11 Happiness breakdown" etc. Then a list of self-help tips which are useful to keep for the future.

"2.5 Happiness and time off - Learning, working, retiring“. Sagmeister: ...Ich ahnte, dass ich mit dem Medium Design mehr als nur Werbung und Promotion machen könnte. “ (Approx. translation: “I sensed that with the medium of design I could do more than just advertising and promotion.”)

This is where I am currently at in my life as a designer: The sensing that more can be done with design than selling products. That, in fact, more must be done. What that ‘other’ was, I still had to define.
So I engaged and participated in some of the exhibition’s surveys and let myself be immersed in some of the questions Stefan Sagmeister asked in this ‘happiness research’. Some insights were challenging, such as the observation, that we learn for 15 years, work for 10 and then spend 15 years in retirement until we die; and therefore it may be a good idea to shorten the retirement period by 5 years and use this time as sabbaticals during our working lives.

The Happy Show__03

 

It reminded me of the times I spoke to my teenagers about finding a hobby and how they could and should make that to their profession, as this would/ or could be a path to happiness, or a path to a happier work life.

In the sabbaticals, Stefan Sagmeister has been taking time off to explore projects with content that don't have to earn money. This seemed a great idea, and to experience what he discovered filled me with excitement. I appreciated the invitation to be active and interact with the exhibition. ‘"Find a reflection of yourself and tell it what you really think." I liked the question, if there may be any tools to achieve happiness and how we could train the brain to draw from achieved happiness at a later stage like a source of power. But it only touched me on the surface. Some of his tips were useful and I carried them away with enthusiasm to implement.

Personally, I feel that timeout could be taken in much smaller junks, letting everyday life leap into the creative process. As a working mother, I experience that taking time off to pick up the kids from school offered perspective on what I had been working on; coming back to it gives me the valued distance to make better judgement calls, and I often feel empowered to make more concise decisions. Was I fortunate enough to have a close transition between work life and ‘time out’? Or is my design work compromised because of the interspersing interruptions of family life?

 

The Happy Show__05

"This exhibition will not make you happier", the small print says at the entrance. "I mention this here to manage your expectations" – because to lower expectations is a good strategy on the path to find happiness.”

Analysing the exhibition closer, I feel it was more of a journey of self-discovery for Stefan Sagmeister and I applaud him for putting the exhibition together to illustrate a collection of findings. The exhibition certainly made me think about what I consider ‘happiness’ and realised that this required context: happiness in a ‘design’ context/happiness in a personal life context. I learnt that my design work could be a great source of happiness if time was allowed to produce content which did not necessarily pay my bills. So here my January resolution: To produce design work that is ‘other’, to produce stuff that makes people smile. And I am grateful for that inspiration.

Once outside, I suddenly remember that earlier in the day I had purchased a timely ‘Fasnachtschuecheli’. As as a ‘Swiss abroad’,  I realised that this little pack filled with nostalgia and loaded with childhood memories was my real happiness for this moment in time. And so I embarked on creating a little installation myself, by eating a little piece of happiness on a tram stop outside a design museum. If only it were that simple.

The Happy Show__06b
My-happiness

References:

Ruins of a city. Apocalyptic landscape.3d illustration concept

Lessons from a design failure

The recent (false!) nuclear missile warning thrust upon Hawaii was a salutary lesson in user interface design failure. A warning system operator made an innocent mistake and selected the wrong menu item from a way too long list of alternatives. Instead of testing the system, they managed to send out a public warning of an impending nuclear missile strike.

Whilst we can all hope that such an important task might require or expect some judicious care be applied, the outcome throws into stark contrast how poor design made this person’s job that much more prone to risky failure. This process failed in a relatively clam test and the outcome was horrible for a lot of people. There were likely also some terror-filled moments for the poor operative when they realised their mistake as well.

But it could have been worse. Hard to believe but true.

Stress makes choices harder. Design should help not hinder

Now imagine if a genuine inbound missile was detected. For exactly the same reasons - too many conflicting options in close proximity – a similar mistake could have been made. The operative could have selected the test, depriving the good people of Hawaii time to 'duck and cover' or whatever else one needs to do when the thought of impending vaporisation is imminent. Now imagine the stress of a real missile detection. This would be a time of intense stress which would by nature, place upon the user a massive mental workload.

The stressed operative would be much more likely to make mistakes. There would be an exponentially higher burden on the design to help them make the right choice. They would really need this process to be truly designed to help not hinder them.

Placement and priorities greatly affect outcomes

This is an extreme example, but it's incredibly indicative of many examples that we see. We see information being simply thrown at users with no attempt to prioritise or group information. Especially choices.

  • Hugely complicated User Interfaces laid out by the software engineers who built the system – not by user experience experts who research user’s needs.
  • The number of features prioritised over the quality of those choices.
  • An old favourite: why is the exit button to a building the same colour and location as the fire alarm button?

Strong foundations built on first principals

At Chie Consulting we work closely across disciplines. We never think of design as operating in its own Silo. Although we are grounded on incredibly strong foundations of graphic design and typography degree’s, we have always worked together with User Experience colleagues. This ensures the needs of users and the business are at the core of our thinking:

  • What do the user’s need?
  • What does the business want?

This means that we have to build out the design on top of great insight from users. How else can we prioritise the design of the most important tasks? We have to know what is truly important and focus on that. We can then reinforce these priority tasks by how we group related items together.

Lessons learned

Separating out the ‘Live!’ and Test!’ systems here was the first step. These are completely discreet tasks. This can be helped by grouping related tasks which then reinforce the core tasks. This way users can feel comfortable that everything they are doing is within one, related realm. The core task stands out and becomes more obvious because of the company it keeps. If we can always think of how the choices relate to each other we can build a more effective product that helps, not hinders our users. Not all of us work on nuclear warning systems but we can take the lessons and make our users worlds better even if we aren’t saving the whole world.

missle-warning