I also have “The Grumpy Designer Syndrome” http://t.co/7OLBgBKriH via @gibbonco
Monica's blog… a mix of tech, thoughts and witnessing life
I also have “The Grumpy Designer Syndrome” http://t.co/7OLBgBKriH via @gibbonco
I was happy to participate on the Responsive Day Out this year. Loaded with great speakers, some familiar faces and many tips, was a great way to either reinforce already acquired knowledge (from practice and other conferences I’ve been) and also learn some new interesting stuff!
Below are my humble notes but nevertheless “my” notes and I also included audio and slide links on this post.
“You can create good experiences without knowing the content but you can’t create good experiences without knowing your content structure” – Mark Boulton
She mentions Mark’s post about the use of newspaper-like structure, saying that constraints are good and she likes to design with constrains. Check his writings at http://markboulton.co.uk/journal
She tested Browserstack (which I personally recommend, it is a great tool for testing your site in different browsers and OSs) with CrazyEgg for heat testing. It is good to know where your users’ click (and don’t click).
Sarah and her team are making use of pattern libraries which describe where and why to use an element within a site; but highlighted a difference in between pattern libraries and style guides – the latter just describes each element (this is a button, this is a quote, etc.)
Sarah highly recommend the use of Slicy which export PSD elements as assets for your website or app, including retina options.pp, including retina options.
She finalises that her process is adaptive and the work carries on.
Audio – and – Slide for this session.
My notes:
Remember the fullscreen size not always is used as it is, user might resize the browser then you need to consider the viewpoint.
List navigation on mobile hides the content, try to use a smaller (two lines) menu. Check site Gloople and Clearleft website itself for examples of navigation when different screen sizes are chosen, pay attention on menus and icons.
Patterns used:
But what about soul? blog post and menu brings a table of contents ‘with overlay’ on top of full page.
University of Surrey – focus away from menu on a more ‘magazine’ style for discovery.
This Is Responsive – Patterns, resources and news for creating responsive web experiences. bit.ly/TIRWD

A responsive off-canvas menu using CSS transforms and transitions – bit.ly/offcanvas (he wrote)
“It seems that perfection is attained not when there is nothing more to add, but when there is nothing more to remove”. – Antoine de Saint-Exupery
Works for BBC, working with many devices, supporting different browsers.
Audio – AND – Slide for this session.
Premium experience > Not rubbish (ok) > Not supported. They started building from ground up. Simple page across as many browsers possible. Use css (2) to style the main feature (without javascript). Then they create enhanced experience with javascript and they give it to browsers that only use querySelector, localStorage and addEventListener.
Educating client, instead of ‘telling them what has to be done’. Also experimenting with technologies and features without having the sign-off.
Audio – AND – Slide for this session.
Options:
1. default appears at it loads
2. dont’ send webfonts to small screens
3. show tet in the fallback fonts until all web font loads
4. swap fonts one by one as they load
Use a webfont.css and use media=”all and (min-width: 569px)” (or similar code):
<link href="webfont.css" rel="stylesheet" media="all and (min-width: 569px)" />
Web font loader – The WebFont Loader is a JavaScript library that gives you more control over font loading than the Google Web Fonts API provides. The WebFont Loader also lets you use multiple web-font providers. It was co-developed by Google and Typekit.
Audio – AND – Slide for this session.
Mentioned to use icons as fonts instead of bitmap versions. If creating something more complicated use SVG.
His step-by-step on Using Fonts for Resolution Independent Assets
Also, an amazing tool that I should be using soon: IcoMoon – is a custom icon font builder, which allows users to select the icons they need, and make them into a font. Basically you can upload an SVG file and download a font file.
Nice tip: remember to remove the text-to-speech option of icons using CSS, for example:
.icon:before{
content:attr(data-icon);
font-family:'xyz';
speak:none;
}
Josh uses Fontforge to create font sets. He created forecast.is using Climacons icons. The project can be found at: github.com/joshje/forecast
He also mentioned about the ligatures used on the fonts where instead of just leaving a symbol on the font set you can give it a meaning, so the ‘sun’ icon would have a ‘sunny’ meaning for his forecast.is application, and on the html what would appear is a legible ‘Sunny’ instead of any code. However, ligatures have to be set on browsers, using:
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
-o-font-feature-settings: "liga";
font-feature-settings: "liga";
Audio – AND – Slide for this session.
We have multiple devices and would like to have consistency across. (My obs: she gave a very nice presentation and selected great icon sets)
We have to have balance between Ideals and Practicality.
Core of the design system:
But also:
What you are going to make it similar and what it would be differentiate in between different ddevices. She advocates same content no matter what device.
We should detach our design from the viewports, they will be different, and continue to grow different.
Do not stick to one tool, choose the best tool for the job today. Examples:
Mockup to create design ideas to developers, clients, etc. but mockup on different viewports – how the design “might look” at some different devices and points in time – (optimum points according to context).
Audio for this session.
Right or wrong directions? – people ditching responsive design because only 2% of their users use mobile (the article I believe he was quoting is https://gocardless.com/blog/unresponsive-design/. Speaker said it is not just about mobile, RWD is/should be design agnostic.
Risky, Wild Decisions – higher cost to companies/people in a way is an investment on yourself, on your skills, on the people in your team. Important for a designer to code too, at least the basic html/css to be able to test on browser.
Responsive and adaptable to any device.

Electric Pulp post talking about increase on visits after RWD.
Audio for this session.
“the web has been always free” we’re starting to use it as before again, with the tools as advantage to go beyond to the default. Using the tools/knowledge instead of trying to retro-fit.
Mobile website can be the starting point for some business, but often (in their opinion) it can be replaced to a fully responsive site.
Careful in creating high expectations: creating the Photoshop mockups can be dangerous, high-fidelity and ‘perfect’, where something online will be different depending on the browser.
Font Squirrel and IcoMoon – subset of fonts.
Audio – AND – Slides for this session.
Although devices are becoming ever more powerful and feature-rich, less capable devices continue to be developed as well. Paul Lloyd – The Web Aesthetic, A List Apart
Audio – AND – Slide for this session.
Contentencoding: gzip
Cache control maxi-age
Page load
Content, enhancement, leftovers
Script loading using
trade off on CSS
If (iswidedevice): Load larger CSS
Responsive server: relies on device detection,
Trade off on webfonts: progressive enhancement: support woff and fonts in local storge.
Trade off on responsive images: oocss, SMACSS, module patterns, systems, components – instead of media queries and they shouldn’t refer to media queries.
Picture element – use of image according to size of view port.
Audio – AND – Slides for this session.
CSS device adaptation
@viewport {
Min width
Max width
}
Karen Luke website
Choice of filling viewport or not.
Flexbox
FixMyStreet hack without flexbox
Media queries level4
Pointer events spec smus.com/mouse-touch-pointer
John Hicks – http://www.hicksdesign.co.uk/
WebP lossless images 26% smaller in size compared to pngs and jpegs.
Image replacement:
Background-image: url(),
Background-image: image(.webp, .png),
Opera presto. Html5 video with media queries
http://responsiveimages.org – @respimg
Audio for this session.
No body know better than audience.. They told a story that a blind man entered a skateboard store asking for a skate and sales person said: “how? why? you are blind!” but the skate was for his son. The store could potentially lose a client there…
Audio – AND – Slides for this session.
Book recommendation: The Elements of Typographic Style by Robert Bringhurst
Device Spect ratio 3/4
Viewport percentage lengths
H1 font size 8vh
P font size 5vw
Article width 8vw
Chech ALA 362 – The Web Aesthetic
Main: is meaning, design is enhancement
CSS img replacement on CSS, image src in content, data image in decoration
Responsive Markup Patterns – http://paulrobertlloyd.github.com/responsivepatterns/
New layout for NY times – http://www.nytimes.com/skimmer/
Audio – AND – Slides for this session.
Edges are knowable
Lots of people say “we broke the web”, we didn’t, we transformed the chaotic fluid web to something more comfortable.
To get rid of this discomfort forcing the fluidity. “fluid first design” then progressive enhancement and lots of tweaking.
@monicams I like your moves and I like your style.
— Pebble (@Pebble) September 18, 2012
by Daniel Bates
WHAT: It is a credit-card sized computer, it can connects to a mouse, keyboard, tv or monitor, power plug (you can use from your own mobile if you have a micro connector) and it has the following structure:
You can buy for $25 (without ethernet port) or $35 and despite they do have a backlog, on the conference was announced that it will clear in about a month or two. The demonstration of programming was OK, but the ‘media centre’ similar to X-box was really good. It is without doubt that has great potential for a simple use or for more interesting computing purposes. If you think about giving a presentation somewhere and you don’t want to carry your 1.5kg laptop you can consider carrying a ‘credit card’ and just plug into a screen/mouse/keyboard on the presentation venue. Impressive!
You can get many of your answers if you go to the Raspberry Pi FAQ page.
On the ‘designing a box’ for it, I just couldn’t resist to this Lego kit. Will be definitely getting one soon! (first need to order my R.Pi in UK can be bought from Farnell or RS)
by Ian Foddering
Security, reliability and performance of the network infrastructure will be critical, with stability taking precedence over creativity. London 2012 is not about doing anything Cisco has not done before. Rather, it is all about doing what we do, but doing it better than ever.
Cisco are supplying the routing, switching, firewall and IP telephony to approximately 100 venues across the UK including:
I didn’t know, but London already hosted Olympic games twice, so this will be the third time! Years: 1908, 1948 and 2012!
Cisco is providing connectivity to the Olympic games, it is working with many partners to provide the service and it is expected to be the ‘most connected games ever’. Cloud technology is being used for first time. Even for the monitoring of construction sites and other Olympic-related business the partners/employees are using videos (Cisco call them ‘Show and Share’ so people can make a video of what is going on, hold meetings over internet or phone and discuss the progress of the work). Some of the technologies that are being used is the Cisco Webex (a free account, open to anyone allows 3 people per meeting, 250 MB storage, Standard video, Audio: VoIP (Internet), Share: Desktop, the premium account has more perks, check online if interested… However I wonder what is the real benefit of Webex compared with Skype…)
Some of the links shared:
Cisco.com/go/collaboration
Cisco.com/go/videos (which didn’t lead to anywhere… shame on the presenter! maybe try this one??? http://www.cisco.com/web/telepresence/video-conferencing.html
The presentation also mention Cisco and its relation with educational programs/partners. He mentioned the STEM initiative – Stem academy. One of the fronts will help people that might not have a chance to education and skill training (for financial/social reasons) to get the appropriate technological skills preparing them for the future. I like the way the word of “Legacy” appeared and how we should care/prepare to leave a good legacy and carry on our work into the future. The other front is to creates opportunities to inspire young people in Science, Technology, Engineering and Mathematics (STEM).
The presenter also mentioned the National Virtual Incubators and the BIG awards (just now I discovered that BIG stands for British Innovation Gateway!
)
by Michael Popham
Mike showed the DAMS structure, with emphasis on the preservation section. He showed a few screenshots of projects going on at the BDLSS, such as the Digital Images (Blockbooks), Digital.Bod, ORA (and explained what it is about). Mentioned the BEAM (futureARCH blog) – relating to the preservation theme/discussion; mentioined EMLO and showed a visualisation done with a 50-year-window to demonstrate the letters sent and received at that specific time. Mike also mentioned the scanning process and the workflow changing to BDLSS, making it more dynamic and fast. He showed a few other project screenshots such as Oxford google books, What’s the score? (the crowdsourcing part), mentioned that Bodleian also have an app for the Treasures of Bodleian (how come I just discovered this on the presentation???), the Queen Victoria project. We had questions about editorial on whatsthescore project (how to merge/combine/edit information coming from Zooniverse and how reliable that information is) and someone asked about the image kits/technologies used at the BDLSS.
by Tim Fernando
OUCS will be replacing some structure for the Status.ox using Nagios and other kits (so if Nexus goes down status.ox doesn’t
). Also replacing Events.ox, they are offering now Telecoms self-service (voicemail over web).
MobileOxford beginning: python, django, postgris; then went open source with Molly project.
Their process: Continuous deployment: commit (github), Jenkins (continuous integration), Fabric (deployment control, also see this blog for some info), Sentry (exception tracking), Puppet (helps system administrators manage infrastructure throughout its lifecycle), Pingdom (uptime monitoring)
elasticsearch (It is an Open Source – Apache 2, Distributed, RESTful, Search Engine built on top of Apache Lucene. Would this be better than Solr???)
by Sara Passmore
She mentioned the Manifesto, which states:
We are uncovering better ways of developing software by doing it and helping others do it. Through this work we have come to value:
Individuals and interactions over processes and tools
Working software over comprehensive documentation
Customer collaboration over contract negotiation
Responding to change over following a plan
That is, while there is value in the items on
the right, we value the items on the left more.
Check names and other things at the Agile Manifesto site.
Sara has a DSDM training, which is similar to prince2 apparently. The important things that she said we could keep our minds to be able to deliver Agile projects are:
Her suggestions were to use timeboxes or sprints plus burn down chart, developers define task time! (points or hours, check cards -poker issue, until agreement is reached). Try to demo the system with user as the project goes along so they can be involved and also give feedback on how the features should behave according to their expectations. She also mentioned a possibility to give access to users to the development site so they can see the project on early stages (communication and someone filtering complaints or features suggestions could be needed for development)
Go live early with minimum set of features.
She recommended Keith Richard’s book Agile project management: running PRINCE2 projects with DSDM Atern. And he has a consultancy/training site.
She mentioned Microsoft dynamics (don’t remember why now, sorry… maybe they offer Agile support/services?)
by Kevin Warwick
This presentation was so good and interesting that was really hard to take notes… he demonstrated a few implants that he had installed on himself, (Class II implants (RFID) arm and nervous system), mentioned Sensory substitution – where some students had implants on their fingertips (to allow detection of nearby objects by their vibration(?)) and a sensor in one student’s tongue.
Some great experiments:
And Kevin Warwick also mentioned about “Enhancements”: memory, communication, senses, multi-dimensional thinking, extending the body, in build machine, etc. (for the creation of the super-human)
Kevin Warwick’s website: http://www.kevinwarwick.com/
And there are some videos of/about Kevin on youtube.
I was reading “CREATING A MOBILE-FIRST RESPONSIVE WEB DESIGN” article on html5rocks and I quickly read “responsive web design: missing the point” before I carried on with the original article. I highly recommend and I liked the way 3 pictures were presented. Liked so much that I decided to reference here.
Read a bit more at: http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/
Reading the article ‘Definitive’ guide to the Cookie Law: http://silktide.com/cookielaw I ended up paying more attention to what they implemented and I really liked the elegant solution. Liked so much that I put on my personal website and suggested at work.
See for yourself at http://silktide.com/cookieconsent
Sometimes is not as easy as it seems…
Also thinking a lot about this:
My first conference in Ireland… great venue! and I was lucky enough to get hotel in a 3 minutes walking distance. The first day of the conference was reserved for workshops, and it was, in fact, far from the main venue but transport was allocated and everything was well organised.
The workshop that I attended was
with Dave Malouf (@daveixd) & Matt Nish-Lapidus (@emenel)
In this practice-based workshop, you will participate in exercises centered around core concepts in design. The workshop will help you experience, if just for a short while, what happens in a design school and how you can start filling these gaps without getting a Master of Fine Arts.
The workshop will cover four main topics:
Creative & Visual Thinking: Learn how to process and analyze creativity from the designer’s perspective – moving first from imagination, then towards analysis.
Art: Yup, that’s right, we are going to make art. Whether that art is in pixels or construction paper, every design student has to take courses in expressive media such as paint, 3D graphics, or photography. This offers the student new processes for creativity that help them work fluidly in their medium, rather than struggling to control it.
Criticism & Critical Analysis: Often designers are accused of saying they like things “just because.” This happens because people they lack a shared vocabulary to discuss the work at hand. Design criticism helps students learn how to discuss design with other their clients and peers. This section will look at key concepts in theory, criticism, and analysis that are used by many designers regardless of medium.
The Studio: The studio is not a workshop (though it can take place in one). It is a philosophical construct that takes up both space and people’s awareness. A transparent work environment, criticism and collaboration are just some of the concepts that make up a studio environment.
Learning the foundation of these four areas will not only help you improve your own practice, but also your ability to collaborate with other designers and express your designs to clients and coworkers. Join us for a one day immersion in design school!
Both ‘lecturers’ have background and experience in Interaction Design.
For starter a discussion about ‘What is design?’ and I was of the opinion that design is functionality and beauty coming together.
The 5 E’s of design: Experience > Externalise > Envision > Evaluate > Execute
Iams furniture design, his major contribution: wood bending. His tip: understanding and exploring your material to create things that maybe never existed before.
The concept of flow
More innovation coming from cities with more pedestrians, due to collision.
Inspiration – architecture, nature, other designers, music.
Social – interaction that inspire and conversations that have no intention can give birth to amazing ideas.
Studio – is private and social. The buzz, the flow and the interruption of flow, and the way to understand each moment. Studio space should allow collaboration, allow inhibited access “dude, you should move that to 3px left!”. Studio space should be playful (add dart guns, lounge space, etc. IDEO shopping cart movie was mentioned as example of product innovation process – more info on the project from 1999!)
Criticism
Criticism is part of a design process, sometimes the answer is ‘just because’ (just because I felt like the colour blue should be used, etc…) however finding better words for your argument, trying to go deeper on the reasons why a designer chose a particular colour, shape or function makes the analysis of the work more interesting.
In design school there are a few rules of crit:
So, asking the designer why he chose a particular style, colour, function. Try to get as much information as possible instead of pushing your own opinions. In the same way, the designer should listen to the criticism and analyse if the comment makes sense, instead of defend your creation.
Art and design
Discussion about what is art and what is design. One opinion was that “design have a purpose and art don’t” however, religious art have a purpose, political art also have, and they try to evoke a change of mind, have a ‘beautify’ purpose and can also solve problems.
Examples of Renaissance, Bauhaus & art deco, a Wassily chair designed for a painter. Kitchen Aid mixer that lasted about 100yrs and became icon of the company (included on refrigerators, observe the logo and other elements on their website…).
Design Principles
… maybe even a manifesto …
Example of Michelangelo: living and digging in the marble, understanding before mastering, time spent with material.
In UX design “there is no material”, we work with meta-materials: future and people. And the above principles are not the same for interaction design. Plus, the designer’s intention is not always its outcome.
True Grit – apparently you stick with it until you cannot any more > push it > then go back from epiphany.
90% what you do is perspiration, not inspiration – Thomas Edison
One of the first exercises was to use the materials they provided to indicate the idea of ‘time passing’. It was really interesting to have mixed backgrounds on the group because you could see different styles, concepts, inspirations, etc. I drew stages of a tree growing up, almost on comics ‘style’ of frames. Other people had different perceptions: seeing a schedule on paper, a sticky figure presenting or talking about time, hourglass, cave paintings (indicating the evolution), post-it animations, bubbles, tetris or blocks, candle burning (also in frames), tree dying, family tree (generations), farm growth.
Creative Thinking – Feynmann – gave us good tips about creativity
Tips:
- work on the paper (external brain – ‘distributed cognition’)
- try “sketching in 3D space (models)”
- break down problems into smaller pieces, then solve problem and combine them back again
Visual language
A sketch is supposed to be disposable, more a question of the designer makes, it is rough, communicate intention.
A prototype will be more a step into completion.
A sketch can also have different levels of zoom, maybe is not the entire object, maybe just a joint, a foot of a chair. Arduino boards – a sketch in electronics!
Another exercise was done, the idea is to model to explore aspects of your time telling. I used glue, coloured paper and use the same idea of the growing of a tree. Some other ideas: water flow (intervention affecting the flow (of time)); circle with animals and numbers, scroll with a story, slide of numbers (always obscuring something but giving the idea of passing the time).

"Angry origamy" by Wil Lau, named by Ambroise in creative session about "your relationship with time"
Some names: Howard Miller – colours, futuristic look and Bauhaus – future (forefront of industrial design)
Shared language
Critique has some factors
Intent – what the person is trying to do with the design
Product – what the solution is
Tips/rules of critique:
- focus on the work, not the person
- explain why
- constructive, not instructive (bad example: make it blue! good example: why do you made it green?)
- understand the context
- early and often
- safe environment (open, designer lead)
- ongoing and integrated (on studio)
Work that comes to the studio is in fact done by all. Some own parts of it, more for accountability purposes. Critique needed on a level that design stops or designer needs input (not in a top-down level “let’s do a crit”).
Give reasons why you put things into places, check the colours, etc. Always try to have two reasons for it.
Go back to your designs and look with ‘fresh eyes’, make the implicit explicit (ask why you did this or that).
Emotionally detach yourself from your work to listen the critique.
One article was suggested: “What I got out of design school” by David Armano
Another exercise took place and we develop our ideas even further and would be an opportunity to try the critique techniques explained. A few other ideas appeared: a ‘time-task slider’ where if the task is complete the post-it would be filled with a particular colour, a ‘sketch timer’ where you set up a timer and when the time is up the ink stops to flow (questions on the crit session: ink or lead? how to cut the ink? app/web controller? remote? in industrial design, would be mold injection considered? which material? what are the costs? scalability? size matters (tell us about the scale of the sketch timer…).
Remember to let designers explain their portfolio, is the best way to understand choices and learn more about them.
Books: Elements of Design, Designing for Interactions, Designing for Devices, Design of everyday things
Industrial Designers Current:
Past IDs:
IxD
Architects
He mentioned the bike scheme that was implemented in Dublin as well as in Paris, but the latter implemented first and had a design flaw: as soon as you pay for your bike the bike bay flashes so you can get your bike, but not only you see it, everyone sees it and more than 1000 bikes were stolen on the first year of implementation. Dublin however, learned with their mistake and in 2 years of operation only 2 bikes were stolen – and recovered!!!
Other design problem: in Melbourne the use of helmet is mandatory and the bike scheme has a ‘spontaneous’ nature… this cause the number of journeys to be reduced since people had to carry helmets just in case they wanted to use the bikes at some point during the day. A few stats: Melbourne bike scheme registers between 100 and 200 journeys a day while in Dublin is in between 5000 and 6000 journeys a day.
williams.luke@gmail.com
Book: Disrupt
Disrupt to transform the business and find unexpected solutions. Some disruptive companies: Apple (iPhone) was taken aback on mobile development by Google (Android).
Disrupt > Ignore > Spot and React
How to be the disruptive change? Get a predictable routine, same routes, same routine and do something unexpected… Example: flash mob in train station on ‘freezing/not moving’ position for 2 minutes. Craft a disruptive hypothesis (be wrong at the start to be right at the end). Define…
Cliché – more obvious idea of people think and do about business
Interactions cliché - Car rental: face-to-face agent > paperwork > rent a car for the day.
Product cliche – inexpensive, taste sweet, advertised as aspiration
Price cliche – magazine with subscription sale having big discount.
Example: Eurisco - thinking outside the box, the disruptive strategy: on a game of ships general size – sent 1000 defenceless ships – computer lost the game; again new strategy: sink own ships the moment they get damaged – gain agility on other ships – computer lost game again.
A disruptive hypothesis is an intentionally unreasonable “what if” question.
Techniques:
Another cliche: socks are sold in pairs – changed to socks in sets of three (and none of them match!) – Little mismatched – find the niche!!! (in this case, 12yrs old that like mismatching)
Disrupt innovation is not a tactic, it is a mindset, enjoy the possibilities!
Product design, Ix design, icons and brand – layers: surface, material, colour, function, brand, consumer.
We see design language everywhere (Kitchen Aid, Jacob Jensen, Toshiba…)
Android style guidelines came out recently.
Document the system: philosophy + instruction manual
LAYERS
Consumer – the consumer instead of ‘user’ – the broader the target, harder to connect
Brand – “a brand is a promise” – Porch performance, Volvo safety.
”a brand is a promise”
Structure – “the most elegant products has the less fewer parts” – need no more and cannot afford no less – simplicity comes from the structure, capture the essence of the product.
need no more and cannot afford no less
Interaction – flipboard language (social magazine, when designing a model try to future proof, exercise the use in different devices)
Visuals – don’t underestimate the power of a visual (but have to work on the system!) – Visual elements: colour, typography, layout, icon.
know the rules before you break them!
Examples:
When you adapt, you diverge, and loose focus…
Oh yes, many times I get stuck. Is not nice, it is not easy to overcome sometimes, but then, on others, it is extremely easy if we just follow a few steps…
I found some good material online and I’m referencing it here. Please visit the original article, highlighted as [source], to read more. Words below are a mix of the topics on the articles and my own experience (in italics).
Are you going through a creative dry spell? Here are five creativity busters and some practical tips for overcoming them:
Fear
Fear is a common problem apparently. Fear of rejection, fear of success, fear of failure, and many types of fear. The one that gets me sometimes is the fear of trying something new. Depending on the day a new task can be exciting and motivative enough, but sometimes the ‘blank canvas’ can be terrifying!!! And yes, it causes creative paralysis. One of the best ways to overcome it is to give yourself permission to face the fear head on. Once you identify the fear that’s paralyzing you, tell yourself it’s okay if the fear comes to pass. Write this permission down if you have to and refer to it often. Then, proceed to act in the face of your fear.
Perfectionism
“Are your creations never quite good enough? Do you have trouble feeling that a project is really complete? Are clients happy with your work even though it never seems quite good enough to you? If this is you, you may be suffering from perfectionist tendencies. If so, you’re not alone. Many creative people are perfectionists. One trick for combating perfectionism is to ask yourself if you would be this hard on someone else. Often, the answer is “no.” You should be at least as reasonable with yourself as you would be with another person.”
Busy-ness
Overscheduling your time with too many projects might seem like a good moneymaking strategy but in the end it can leave you feeling burnt out. This is because most creative people need time to process their ideas and they also need exposure to the outside world for inspiration. When you over schedule yourself you eliminate both processing time and inspiration. To overcome this problem, incorporate a regular block of time that isn’t assigned to a project in your weekly schedule. Use this time to process ideas, find inspiration, or just rest.
Procrastination
In many ways, this is the opposite of busy-ness. If you have a problem with putting projects off you may find that the quality of your creative work suffers. I’ve done it, you probably have done it… we do tend to push things to the limit and last minute sometimes… if you leave procrastination creeping in it could be a routine later on and your projects and deadlines can become a big mess. Tackle your procrastination by creating a workable schedule with plenty of breaks. Also, examine your attitudes closely to make sure that the root cause of your procrastination is not really the problem of fear or perfectionism.
Health
Not taking care of your health is a bad idea in many ways. Let’s face it. No one performs well on a diet of junk food or after only a few hours of sleep. If you get sick, your creativity will take an even bigger hit. To solve this creativity buster, identify your unhealthy habits today. Make healthier living (exercising, eating right, getting enough sleep, and regular checkups) a part of your routine. It’s best to avoid as many health problems as you can.
It is easy said than done, but for me it worked slowly changing bad habits… or adding a few good ones. My sacred good is to have at least one full bottle of water a day (not counting tea or coffee or juices). I bought a KOR water vessel to motivate me – a great piece of design – and it is also a reminder of my commitment to myself. Other good habits: not have lunch at my desk, it helps me to unwind and rest my eyes from computer even if it is for a few minutes. Try to walk after lunch, as a break from work, the desk and get some fresh air (also, even if it is 10 minutes it makes wonders).
In another article:
1. Doodle in Your Sketchbook
Graphic Designers always sketch up some ideas or concepts when starting on new projects. I know I do and I have been sketching and drawing since I was little and you might have too. Drawing takes your mind off things and gets your creative juices flowing, you will be surprised how quickly ideas come back to you just from doodling in a little book.
2. Visit Inspirational Galleries on the Web
Looking through designs that were created by other people is usually a great inspiration too. People around the world has gone about setting up Inspirational Galleries for us to visit and view masses of art on the same website, saving us time and effort. I recommend visiting Inspirational Design Galleries as a hobby day to day too, keeping you up to date with the design trends. Read more on 10 Niche Social Networks to Get Your Design Creativity On
3. Take a Walk
Get out of your office, sitting all day is just going to make you look at the same things over and over again which definitely isn’t going to benefit you. Go outside and take the dog for a walk or just go for a walk by yourself. The fresh air and seamless nature around you might drive some new inspiration into you.
4. Search for New Fonts
You will be surprised by how much inspiration you can draw from a few simple curves. It freshens up your thinking patterns and gets your mind fixed on the things that you have to do. Fonts aren’t only used for saying something, they are also used to create something. Read more on 20 Websites for Font, Letter and Symbol enthusiasts
5. Stop Doubting Yourself
Self doubt is a huge thing to overcome a a person, every person faces it sometime or another.When the time comes and you break free from the emotional stumble block a whole new world opens up. Like I said earlier don’t compare yourself to other people, take a stand and believe in yourself, you will accomplish a lot.
6. Get Away For a Day or Two
Sitting in front of the computer days at a time isn’t good at all. My advice is to go away with friends or family for a day or two, the change of scenery will change your thinking patterns and a few ideas might spring up in the process. Keeping a balanced lifestyle is very important in the work that we do, working out is essential.
7. Take your work to the nearest Coffee Shop
Working amongst a busy environment can be very beneficial, especially if you have to come up with new concepts and ideas. The reason is that nothing stays the same, it keeps constantly changing and therefore your thinking changes. You won’t understand the difference until you have experienced it yourself. Try it.
8. Go out with some friends
A night on the town with some friends can bring across some inspiration as well. Having fun and taking your mind off work lets you relax and have fun and not think about your clients.
9. Listen to some Music
Try changing your usual music taste to something different that you don’t always listen to. It broadens your spectrum of thinking and moving by inputting some new sounds and words. A lot of inspiration can be drawn from a simple song. Read more on 20 Fantastic Ways to Find New Music that You Like
10. Follow Some Tutorials
You might think that you don’t want to follow tutorials because you want to come up with your own work, but learning new techniques is the only way to improve your skills and creativity. Following tutorials is a very good base to start off with, because you can add your personal touch to the image you are working on.
A couple more articles:
And this just gives you random short ideas on how to overcome the block: Design ideas for when you are out of ideas
http://www.garrreynolds.com
http://www.presentationzen.com
Some presentations on Slideshare: http://www.slideshare.net/garr/presentations
Tips: http://www.garrreynolds.com/Presentation/slides.html
“People who know what they are talking about don’t need Powerpoint”
(Steve Jobs)
He got a discussion going on what is good and bad about slides (people’s opinion).
Bad: too much content, bad graphics (out of context, bad quality), audio effects, bad contrast, “Comic Sans”.
Good: visuals, contrast, communicate idea, uncluttered
Good slides tell stories about data too. (Difference between Bill Gates presentations from now and then)
“You must unlearn what you have learned”
(Yoda)
Keep in mind: Restraint, Simplicity and Naturalness
Look things around you, learn from the past and as much as possible get away from the computer to get ideas. “Be here now, be somewhere else later” (commenting about people in meetings with laptops on – and eventual email checking/twitter).
“We cannot see our reflection in running water… it is only in still water that we can see”
(Taoist proverb)
We are naturally storytellers, if you want to connect: tell a story.
Storytelling – harmonious blend of words, images and sounds.
(He mentioned Robert McKee – http://mckeestory.com )
Other things to keep in mind: Change, Conflict, Contrast (example of StarWars poster with contrast between characters)
Scott Adams – the joy of work (Dilbert creator)
Do or not do, there is no try
(Yoda)
He showed pie graph with 3 keys but only 50% 50% relating to do or not do (very nice!)
Empathy is important – put yourself in other’s shoes
Colours: choose colours in your pictures/words similar the one as the data showing in graphs
Quickly showed a video about Hans Rosling and his passion about data (www.gapminder.org)
Be passionate – like Steve Ballmer (showing his passion through sweat!
)
Simplicity is good but simple is not.
“Simplicity is the ultimate sophistication.”
(Leonardo Da Vinci)
“Everything should be made as simple as possible, but not simpler.”
(Einstein)
Parody on simplicity:
“In the beginner’s mind there are many possibilities. In the expert minds there are few.”
(Shunryu Suzuki)
Fall in love with the problem, not the solution.
He also mentioned the concept of gamestorming