How Dark UX Patterns Target The Most Vulnerable

Original Source: https://www.webdesignerdepot.com/2018/01/how-dark-ux-patterns-target-the-most-vulnerable/

A dark user experience pattern is loosely defined as a way to trick users into performing certain actions. These actions always benefit the company employing these techniques, and often leave user out of pocket in at least one way. Sometimes this is monetary; other times it’s at the cost of privacy, time, or even user rights.

Some of the most common dark patterns include disguising advertisements, sneaking additional items into a user’s basket, making it difficult to cancel a subscription, and tricking users to share information they did not intend to. The list goes on, and it’s becoming a more prominent issue.

There’s a line between clever marketing and trickery

As larger sites like Amazon and Facebook employ various dark user experience patterns, other competitors and websites follow on, pushing them to become the norm. There’s a line between clever marketing and trickery. These practices fall within the latter, and are solely focused on profiting from the user in shameful ways.

Just to examine how widely employed these techniques are, consider the following examples.

The first is from Amazon. It’s just one of a number of screens they show to users who are not currently Amazon Prime members. The primary call-to-action is front and center. Rather than it being a ‘Next’ or ‘Continue’ button as the user would expect, it instead charges £7.99 to your card immediately. The option to continue is instead hidden with a text link that blends in with  both the footer and the confusing text copy.

For the most vulnerable, such as elderly, those less proficient with the language used, or users with a disability, these types of practices can provide a great deal of confusion and distress.

Even as a designer who is aware of these tricks, it’s still incredibly easy to fall victim to them. Not to mention, they are an annoyance and create a distrust between company and consumer.

As long as practices like this are legal and continue to convert at such high rates, companies will continue to employ them

In a perfect world, Amazon would outline the benefits in a simple to read format with the primary call-to-action allowing the user to skip and continue. In reality, they hide the details in small print: print too small to read for just over 5% of the world’s population. They present the information in an oddly structured format with a confusing variety of bold text weights, different colors, and so much text it deters the user from reading through it all. As long as practices like this are legal and continue to convert at such high rates, companies will continue to employ them.

While Amazon targets the pockets of vulnerable consumers, Facebook is more interested in the user sharing as much information about themselves as possible—even if they are not intending to do so. While Facebook have made progress on privacy issues compared to earlier versions, they continue to use subtle but persuasive and confusing design techniques, and copy like below.

Despite going through every privacy setting and selecting ‘Only Me’, sections which contain very personal and detailed information are still defaulted to be shared publicly. Not only is this an issue with privacy, but also with security. The ease at which hackers can subsequently obtain information to answer the likes of security questions is astonishing. The dropdown is subtle and demands nowhere near as much attention as the primary call-to-action. Similar modals also use microcopy to trick users. Consider this example:

At first glance, nothing seems too untoward. At a closer look, it becomes clear that Facebook is pushing users into sharing their bio to the News Feed. It’s doing this by implying that by clicking ‘Cancel’, you are cancelling changes made to your bio. In reality, ‘Cancel’ means ‘No’. Again, it’s the type of practice that can trick even the most privacy-conscious. For the rest of users, it’s an example of just how far Facebook will push the limits if it means users will share more, interact more, and ultimately have a positive impact on their advertising revenue figures.

In the product and web design industries, aesthetics, sales techniques, and profits are all often placed above accessibility and the well-being of users. Shopify, LinkedIn, Instagram, CloudFlare, and GoDaddy are just a few names who go to such measures to impact their bottom line.

aesthetics, sales techniques, and profits are all often placed above accessibility and the well-being of users.

It might just be making an email unsubscribe link smaller to blend in. Or making it impossible to close your account. Or something even more subtle like making you submit your name, email and full address before giving a shipping cost estimation. But it’s these dark patterns that impact the usability and accessibility of the web in really quite severe ways.

For most of us, it’s simply an annoyance. For the people who are most vulnerable, it can make things near impossible to use or understand. They may not be able to find that hidden unsubscribe link. They may not notice that something has been added to their basket during checkout. And they may become entirely disillusioned and confused with privacy settings, disguised ads and friend spam.

it’s the responsibility of everyone within product and marketing teams to ensure [dark patterns are] safeguarded against

The web has become a place where you have to be extremely conscious and learned of areas like security, privacy, and trickery—even by the biggest reputable companies in the world. For everyone, this quite simply isn’t possible. And these patterns don’t even begin to touch upon larger issues with accessibility such as readability and color practices.

Designers and teams need to be aware of their responsibility not just to clients, employers, and shareholders, but to everyday users too. Accessibility issues and dark patterns hit the vulnerable the hardest, and it’s the responsibility of everyone within product and marketing teams to ensure this is safeguarded against.

Until better laws and regulations are introduced to protect against this, it’s the duty of teams to design responsibly and garner a balance between profit maximizing and providing the optimum usability and accessibility for all users.

All-In-One Resume & CV Builder by MotoCMS – only $24!

Source

p img {display:inline-block; margin-right:10px;}
.alignleft {float:left;}
p.showcase {clear:both;}
body#browserfriendly p, body#podcast p, div#emailbody p{margin:0;}

Get Things Done More Efficiently than Ever with monday.com

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/c5tUA1hhILs/

Designers know that communication and organization are essential to making a project successful. Otherwise, it’s just too easy to suffer from setbacks and misunderstandings. Working as a team means knowing who’s responsible for handling tasks, keeping tabs on progress and being mindful of deadlines. But even if you’re working on your own, you still need a way to stay on top of your to-do list.

Thankfully, there is a solution. monday.com turns task management and collaboration into a visual experience. Its unique combination of a user-friendly UI and powerful functionality make it a must-have tool. They have helped companies of all sizes get things done more efficiently – and they can help you do the same. Let’s find out how:

Keep Track of Everything (and Everyone)

When it comes to project work, there are so many things we need to stay on top of. Trying to do so with email or traditional meetings ends up causing more problems than they solve. There’s got to be a better way.

monday.com (formerly known as dapulse) is here to save the day with everything you need. Use it to communicate with team members, manage and assign tasks, share progress, files and more. They have a strong set of core features to help you achieve your goals, including:

The Ultimate Board

Use boards to keep track of every aspect of your projects. You can set up multiple boards to provide anything from a high-level view of what your team is working on to a task list for a single person.

Boards are designed to be intuitive and user-friendly. From color-coded task statuses to a simple drag-and-drop method for moving things around – there’s no steep learning curve to adjust to. Things simply work.

And, you’ll love the fact that you can tag each task and easily search for every related item in the system. This makes it incredibly painless to find what you’re looking for.

monday.com Board

Communicate with Ease

With monday.com, you’ll find that communicating with team members and clients is both easy and enjoyable. Participants are kept in the loop with new message notifications on their desktop or mobile devices in real-time. That means you’ll spend less time in pointless meetings and more time knocking tasks off your list.

You can also share files directly from your device or supported third-party cloud services. Plus, this forum provides a great place to share new ideas, feedback or ask a quick question. And, because everything is all in one place, you won’t have to dig through huge archives to go back and reference something. Try doing that with email.

As a bonus, you can cheer on team members by sharing .gifs and giving them a thumbs-up. A little bit of encouragement can go a long way!

Visualize it All

Seeing your projects in a visual manner can really open your eyes to the bigger picture. With monday.com’s Timeline feature, you’ll see a listing of team members, which projects they’re assigned to and respective dates. It’s all there in an attractive and interactive chart.

The Timeline lets you easily find out which team members are super-busy, along with those who might have time for a new task assignment. Because it provides such a great view of what’s happening, you’ll be better able to stay on top of project deadlines. Task management has never looked so good.

monday.com Timeline

Real Results from Real People

Reading about how monday.com’s features make life easier is great. But when you see the real-life results others have had, it’s all the more impressive. You’ll find that monday.com has been utilized by companies ranging from solo entrepreneurs all the way up to large corporations.

It’s not often that a tool can be successfully used by such a wide variety of clients. This speaks to monday.com’s flexibility in adapting to the different needs of its users. The system can be easily customized to your specific requirements – no matter how simple or complex.

And it’s a great fit for every industry. Your first thought might be of a hot tech company – and it does do wonders there. But it’s also been an indispensible tool for schools, fitness gurus and even a small bike company.

Both pop culture and nature aficionados will be thrilled to know that monday.com also helped out a team from Discovery Channel to plan the ever-popular “Shark Week”:

Take Task Management to the Next Level for Free with monday.com

Implementing a strong task management tool can transform the way you work. You’ll have a better understanding of your projects – right down to the smallest details. Team members will stay on the same page and be aware of their own responsibilities. This results in projects that get done more quickly and with fewer hiccups. monday.com provides you with a highly-visual and easy-to-use platform that brings everything and everyone together.

The best part is that you can start using monday.com for free. Experience this revolutionary tool for yourself and see how much it can streamline your workflow.


Offboarding In The Online World

Original Source: https://www.smashingmagazine.com/2018/01/customer-offboarding/

By now, we’ve all heard about onboarding — the beginning of a relationship between a company and a user — but what about offboarding? Both go hand in hand as being two of the most important interactions you can have with a user, but offboarding gets much less publicity and sometimes is even altogether ignored. So, what exactly is it, and why is it so important?
Offboarding is usually described as the interaction between a company and their customer at the end of the customer journey.

Website Design Inspiration from the World of Cryptocurrency

Original Source: https://inspiredm.com/website-design-inspiration-world-cryptocurrency/

Inspired Magazine
Inspired Magazine – creativity & inspiration daily

Bitcoin is the cryptocurrency that everyone knows about, but there is far more to understand and learn about if you plan on getting into the cryptocurrency world. Some argue that you’d be a fool to put any money into cryptocurrency, but others argue the exact opposite. Regardless of your views on the topic, all sorts of websites are popping up about it–from blogs to exchanges, and wallets to eCommerce stores for hardware.

So, we’re going to outline some of our favorite web design inspiration from the world of cryptocurrency. Many of them have modern designs, but you’ll notice a merging of typical tech and finance-based designs.

1. Bitcoin-price.com

2. Earn

3. Cryptominded

4. Blockstack

5. CoinFalcon

6. Revolut

7. TokenDaily

8. Crypto Weekly

9. Crypto Trappin

10. CoinsHub

11. Coinscanner

12. Peerkey

13. SwipeStox

14. Coin Tax Guide

15. CobinHood

16. CoinDemo

17. TradingView

18. Guardian Circle

19. Ledger Wallet

20. Cryptagon

There you have it! If you have any questions about this website design inspiration from the crypto world, let us know in the comments.

header image courtesy of  Sofy Dubinska

This post Website Design Inspiration from the World of Cryptocurrency was written by Inspired Mag Team and first appearedon Inspired Magazine.

Be Watchful: PHP And WordPress Functions That Can Make Your Site Insecure

Original Source: https://www.smashingmagazine.com/2018/01/php-wordpress-functions-site-insecure/

Security of a WordPress (or any) website is a multi-faceted problem. The most important step anyone can take to make sure that a site is secure is to keep in mind that no single process or method is sufficient to ensure nothing bad happens. But there are things you can do to help. One of them is to be on the watch, in the code you write and the code from others you deploy, for functions that can have negative consequences.

Test Your Command Line Knowledge with the CMD Challenge

Original Source: https://www.hongkiat.com/blog/cmd-challenge-webapp/

We’ve discussed the importance of learning the command line and it’s more important now than ever before. But, it’s also a difficult subject to breach, with a steep learning curve….

Visit hongkiat.com for full content.

WordPress Themes in 2018 – More Popular than Ever

Original Source: http://feedproxy.google.com/~r/1stwebdesigner/~3/DqWmwrVbL6g/

If you’ve come this far without using WordPress, this might be a good time to make a switch. The reasons are many. WordPress is a free open source content management system that’s highly flexible, and easy to use. It also has the backing of a large community of users.

There is a nearly endless supply of plugins and themes available to you. Thus, there’s virtually no limitation on the types of websites you can build. The demo content of most of the available themes, like those described here, can be imported.

You will just need to select a theme. Afterward, you can be assured that the layout and structure of your website’s theme will match that of the demo.

Consider using one or more of these world-class WP themes! They will definitely help you to create your own world-class websites in 2018.

Hestia

Hestia

Hestia is a single-page design theme that adheres to Google’s Material Design principles. This makes it possible for web designers and website owners to adapt Hestia to virtually any niche, website purpose, or screen size in perfect harmony. Hestia is especially suited for creative agencies and startups, as well as small shops and businesses.

You can easily build a shop in Hestia with WooCommerce. It is compatible with most of the popular plugins, including bbPress, Photo Gallery, Travel Map, Yoast SEO, WP Super cache, and Flat Parallax Slider, to name a few.

Built-in SEO Optimization ensures your website or shop will be correctly indexed, so it can be found by the major search engines. Your content has something to do with this of course, but it is helpful when the theme itself is created with SEO in mind.

Hestia is free. Premium versions are available, but it would be more than worth your while to give the free version a try. It may in fact be all you are likely to need.

Enfold

Enfold

Enfold is a ThemeForest best-rated top seller, and as such is well known in WordPress web design circles. Especially noteworthy is Enfold’s large variety of demos. These demos not only contain images you are apt to find uses for, but include a license to use them.

You’ll find demos representing niches large and small, travel niches, and demos suited for everything from blogging to weddings, to construction, to consulting.

Enfold is extremely easy to work with. The demos can be installed with one click, page-building is easy, and no coding is necessary on your part. Once you start Enfold, you’ll soon discover how much time you can save during your web-building adventures, and should you hit a little bump in the road, youll also discover that great support can take on a whole new meaning.

Porto – Ultimate WordPress + Ecommerce Theme

Porto - Ultimate WordPress + Ecommerce Theme

Porto has been around for several years, during which it has enjoyed increasing popularity; and for good reason. For many, Porto has been seen as simply being a better choice for new website design. Its authors have kept abreast of the latest trends in web design, and best practices in coding; resulting in a best solution for you.

Porto is highly optimized, it’s super-fast, and it’s compatible with tons of WP plugins. There are plenty of demos to choose from, ranging from classic website demos, to one pagers, and shop demos. The best way to see what Porto offers, is to visit the website and view the Main Demo, of which there are 18 variations.

You’ll like what you see, plus you’ll come away understanding why Porto’s (happy) customers are presently 53,000+ strong.

TheGem – Creative Multi-Purpose High-Performance WordPress Theme

TheGem - Creative Multi-Purpose High-Performance WordPress Theme

TheGem is a versatile, responsive, high-performance WordPress theme with a modern creative design to suit a multitude of creative uses for building websites. It’s a top-seller on ThemeForest, it has a 5-star rating, and with more than 14,000 sales the past year alone, it’s a best-selling WordPress creative theme. Since TheGem has too many awesome features to list here, visit their website and see them for yourself. You’ll be impressed.

Houzez – Highly Customizable Real Estate WordPress Theme

Houzez - Highly Customizable Real Estate WordPress Theme

Building a website that has all the features and functionality a real estate agency requires, would normally be a daunting task. Not so with Houzez. Everything is there to begin with, and all you need to do is tweak things to the liking of your client. It doesn’t get much easier than this.

Uncode – Creative Multiuse WordPress Theme

Uncode - Creative Multiuse WordPress Theme

Characteristics of the starting theme are often reflected in the final product; one reason why Uncode, a pixel-perfect theme featuring awesome attention to details and performance, should serve you well. Uncode’s massive options, and advanced grid and adaptive images systems, make you the master. If you like “smooth and sleek”, you’ll surely like what this WP theme has to offer.

The Core

The Core

The Core is a premium, multi-purpose WordPress theme that is well-equipped to take on virtually any task you might demand of it. With its 20+ premade websites, visual page builder, and an awesome assortment of premade layouts, The Core lays claim to having the best WP theme design in the business. Purchase hosting from one of The Core’s partners, and you get the theme, theme installation, and a demo import for free.

Grimag – AD & AdSense Optimized Magazine WordPress Theme

Grimag - AD & AdSense Optimized Magazine WordPress Theme

If you’re an AdSense user, or have contemplated using AdSense in your marketing campaigns, Grimag, the AD optimized Magazine WordPress Theme, is right for you. In addition to being AdSense ready, Grimag is bbPress, BuddyPress, and Translation ready. This powerful publishing solution is an ideal solution for anyone looking to get the greatest monetization results from their online publishing efforts.

MOVEDO – We DO MOVE Your World

MOVEDO - We DO MOVE Your World

This top-rated premium multipurpose WordPress theme will take you places in web design you’ve never been before, and you may not wish to return. MOVEDO was crafted with awesomeness in mind, with features such as motion dynamics in columns, super-crispy moldable typography, and the ability to manipulate header elements until they appear “just so”. You can create wild and wonderful websites, and thoroughly enjoy yourself while doing so.

Anariel – A WordPress Fashion Blog Theme

Anariel - A WordPress Fashion Blog Theme

This modern, classy WP Fashion theme is just the thing for a fashion blogger who prefers a minimalist design approach, and who wants to create a modern blog with plenty of options. Anariel is responsive, and comes with 6 pre-defined demos you can install with a single click. If you’re a fashion designer, you absolutely should have a theme that specifically fits your need for a fashion blog. Anariel does precisely that.

Real Homes – Real Estate WordPress Theme

Real Homes - Real Estate WordPress Theme

Real Homes is a handcrafted WordPress theme for real estate websites with more than 4.7 out of 5 rating from 950+ real buyers. Its popularity (15,500+ buyers), together with its many features make it well worth considering, but if you dig deeper, you’ll find that what purchasers and users really like, is its flexibility.

You can present listings and properties in so many different ways; including comparisons. Real Homes can also be used by those interested in or charged with property management.

Leadinjection

Leadinjection

Leadinjection is a WordPress landing page theme that is ideal for marketers, business owners, affiliates, and other professionals who have a need to launch landing pages within minutes. Leadinjection is easy to install and customize. A favorite feature is the Lead Modal Popup, a lead capture form popup that appears on your website per your specification, can’t be blocked, and draws attention to itself, providing you with a genuine marketing advantage.

Conclusion

There’s more than a little variety to choose from in this listing of top WP themes for 2018. We have no doubt you have discovered this by now.

What is a beauty of a listing like this? It includes many multi-purpose themes for a wide variety of different web-building projects. However, that is not it.

There are also those more specialized themes. They address itches you’ve been longing to scratch but haven’t found the means to do it with.


Collective #385

Original Source: http://feedproxy.google.com/~r/tympanus/~3/q3CTVKPSZtM/

C385_WOTW

Inspirational Website of the Week: Active Theory

Active Theory’s new website is out of-this-worldish awesome. Our pick this week.

Get inspired

C385_Northw

This content is sponsored via Syndicate Ads
Northwestern’s Online MS in Information Design & Strategy

Build skills to translate data into compelling visuals and narratives and learn how research and analytics can drive communication strategies and tactics.

Find out more

C385_gridish

CSS Gridish

A tool from IBM that helps teams adopt CSS grid sooner and that enables the creation of more complex layouts. Read more about it in this article.

Check it out

C385_clippath

Using CSS Clip Path to Create Interactive Effects

Learn how to make some creative clip-path effects in this article by Mikael Ainalem.

Read it

C385_githubgrid

Recreating the GitHub Contribution Graph with CSS Grid Layout

A great tutorial by Ire Aderinokun where she challenges herself to create the GitHub contribution graph with CSS Grid.

Read it

C385_redux

React, Redux and JavaScript Architecture

In case you missed it: James Sinclair shows how to write good React and Redux code, but explains first why you’d actually want to use it.

Check it out

C385_cssgridmenu

Grid Experiment No. 4

Jules Forrest shows a beautiful CSS grid example of a menu.

Check it out

C385_streamlineux

Streamline UX

50 fantastic free illustrations from the Streamline UX vector illustration pack.

Get it

C385_fb

Detectron

Facebook just open-sourced Detectron, a software system that implements state-of-the-art object detection algorithms.

Check it out

C385_kenji

tubugl-font

A creative tubugl font rendering demo of twisting letters made by Kenji Saito.

Check it out

C385_github

How I Got Hired by GitHub

Joel Califa shares the design homework that landed him the job at GitHub.

Read it

C385_karamatic

Karmatic

A simplified zero-configuration wrapper around Karma, Webpack, Jasmine and Puppeteer for automatic (headless) browser testing.

Check it out

C385_linqes

Linqes

Collect your favorite content and share it with this advanced bookmarking tool.

Check it out

C385_graphql

A GraphQL Primer: Why We Need A New Kind Of API (Part 1)

Learn how to work with GraphQL in this first article of a two-part series by Eric Baer.

Read it

C385_font

Free Font: College Stencil

Inspired by the architecture of College de France, Corentin Riviere created this creative typeface.

Get it

C385_proposals

Interesting ECMAScript 2017 proposals that weren’t adopted

Kaelan Cooter writes about the ECMAScript proposal process and showcases some proposals that didn’t become part of the language.

Read it

C385_handwritten

Handwritten Font Collection

A fantastic free set of beautiful handwritten fonts that fit perfectly together. By Julia Dreams.

Get it

C385_lazy

Multiple routes, bundling and lazy-loading with webpack

Sérgio Gomes shares some thoughts and code on bundling with multiple entry points in webpack.

Read it

C385_cssgridcourse

Learn Flexbox for free

In these 12 interactive screencasts you’ll learn everything about CSS Flexbox. By Per Harald Borgen.

Check it out

C385_wordpress

create-guten-block

A zero-configuration developer toolkit for building WordPress Gutenberg block plugins without configuring React, Webpack, ES6/7/8/Next, ESLint, Babel, etc. By Ahmad Awais.

Check it out

C385_FF

Firefox 58: The Quantum Era Continues

Read about some of the new goodies that Firefox 58 brings.

Read it

Collective #385 was written by Pedro Botelho and published on Codrops.

How to draw metallic reflections

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/jRlZsEZ5Vlg/draw-metallic-reflections

When light strikes a metallic object, it can reflect back onto any nearby object in an unusual way. Normally, light hitting a primary and secondary object gives varying degrees of light, shadow and cast shadows, but reflective light also happens under these circumstances, and will need to be shown in your artwork.

10 expert tips for charcoal drawing

To demonstrate the drawing techniques to make this work, I have produced the images above, working with a dark charcoal pencil and an eraser.

01. Place your objects in light

Position your objects to make the most of the highly lit and shadowed areas

Select interesting objects – such as this highly polished metallic teapot and a ceramic vase – and place them with light catching one side so you can carefully observe the highly lit and shadowed areas. Then draw basic shapes with a charcoal pencil, trying to represent these reasonably accurately, although adjustments can be made later.

02. Get shading

Shading the metallic object is where the fun starts

Shade the object in direct light first – here the ceramic pot to the left – observing the deeper and lighter values. Then move on to shade the object in its shadow – here the metallic object. It was important to really concentrate on the depth of the cast shadow from the ceramic pot as it struck the left side of the metallic one, here. The deepening of the shadow to the right of the metallic pot follows conventional rules of light and shadow.

03. Add some shadows

Add ground shadows to bring your objects down to Earth

The objects appear to be almost floating in space at this stage, so need grounding. Shade the shadows cast by the objects as they fall to the right across the table top, thus sitting the objects on a solid base.

04. Blend and soften

Use an eraser to highlight areas where light is reflected off the metallic object

Using a charcoal eraser, rub out sections of reflections and – here we rubbed out from the already shaded right side of the vase, where the light was reflected back from the teapot. You can see how this is of secondary importance compared to the other highlighted area. 

Finally, blend some areas using your finger to soften the transition of tonal variances on the vase for effect.

This article was originally published in issue 13 of Paint & Draw, the magazine offering tips and inspiration for artists everywhere. Buy issue 13 here.

Related articles:

How to choose the right drawing toolsPencil drawing in 6 simple stepsHow to draw and paint – 100 pro tips and tutorials

10 best off-the-beaten track creative locations in Berlin

Original Source: http://feedproxy.google.com/~r/CreativeBloq/~3/dms2kPdaWZU/10-best-off-the-beaten-track-creative-locations-in-berlin

When it comes to left-field creativity, Berlin is indisputably one of Europe's – if not the world's – most vibrant and inspirational design cities to visit.

Offering a unique blend of subversive counter-culture, bustling cosmopolitan energy and harrowing historical scars, Berlin is a haven for design inspiration.

So whether you're paying the German capital a flying visit, looking to move there to live or just on the hunt for some visual reference material, read on for our guide to 10 of the best off-the-beaten track creative locations in Berlin…

01. Spreepark

Spreepark Berlin abandoned rollercoaster

An abandoned amusement park might sound more like the favoured stomping ground of a Scooby Doo villain than a must-see creative attraction, but bear with us.

From a towering, derelict Ferris wheel to derailed go-karts peeking out from the undergrowth, Spreepark – once full of life, bright lights and laughter as the GDR's only permanent amusement park – is now a hugely surreal place to become inspired.

Spreepark dinosaur statue and ferris wheel

Everywhere you look, there's a visual cue to spark off a story in your mind – whether it's toppled, overgrown dinosaur statues or colourful animal faces adorning tunnels.

Formerly known as Kulturpark Plänterwald, the park was opened in 1961 and used to attract 1.5 million visitors a year, but fell into financial difficulties after reunification, and was declared insolvent in 2001.

If you're passing by, you can peek through the gates into Spreepark for free – or occasionally there are events, screenings and even concerts hosted inside, if you're lucky.

02. Panke art cafe

Panke art cafe courtyard with graffiti

Berlin is packed with quirky arts venues, of which Panke is a great example. Offering a heady combination of art, food and music, it strives to "support edgy creativity that happens away from mainstream culture".

Its café serves vegan/vegetarian food and coffee by day, and hosts events by night, while the gallery space showcases both established and emerging artists, with a particular interest in digital or net-based art and club culture.

Visual inspiration doesn't stop there, as the bar is continuously redecorated by local and international artists – so you can get a fresh experience every time you visit the city.

03. Monster Kabinett

Monster Kabinett monster sculpture

If you like your artistic inspiration mixed with a dose of mechanised horror, there's no better place to do so than Monster Kabinett – a dark, unsettling showcase of hulking robots and warped, insect-like creatures.

Hosted in a warehouse, it's the brainchild of the Dead Pigeon Collective and features costumed performers among the giant, moving metal sculptures.

It's very literally off the beaten track: you'll find it down a suitably dank, dark alleyway off the side of a busy thoroughfare. It's an unassuming location, and you might not be sure you're in the right place until you're standing directly outside it.

04. Buchstabenmuseum

Buchstabenmuseum typography models

Typography is part of Berlin's design heritage, as the ever-inspiring annual TYPO Berlin conference attests. And you'll find plenty of tangible examples of it in use here.

With an impressive collection gathered from around Berlin and beyond, the Buchstabenmuseum – or Museum of Rescued Letters – is one of the world's first museums to collect letterforms from public spaces and display them as part of urban history.

Featuring all manner of lost, forgotten and abandoned signage that's been saved from the scrapheap, this is a wonderful source of typographical inspiration. Courtesy of LucasFonts, there's even a free Buchstabenmuseum font, based on a selection of the letterforms on display.

05. Haus Schwarzenberg Street Art Alley

Haus Schwarzenberg Street Art Alley Anne Frank mural

Berlin's street art scene is legendary, from the world-renowned East Side Gallery, painted on the remnants of the Berlin Wall, right down to tucked-away alleyways that can be easily missed.

One such example is Haus Schwarzenberg Street Art Alley. A narrow, unassuming passageway beside a cafe – not far from the famous art nouveau courtyards of Hackeschen Höfe – leads to a colourful explosion of inspiring murals, paste-ups and graffiti.

Given the nature of great street art, the specific creations on display are constantly evolving as new murals are painted on, papered over and adapted, although Jimmy C's beautiful painting of Anne Frank, a centrepiece of the space, remains untouched.

The existence of this pocket of inspiration is all thanks to non-profit arts organisation Haus Schwarzenberg, which occupies the adjacent building.

06. The Return of the Cows

The Return of the Cows sculptures climbing a housing block

A quiet residential street in between the Prenzlauerberg and Friedrichshain areas of the city, Dietrich-Bonhoeffer Strasse is definitely off the beaten track by most standards. In fact, there would be no real reason to visit if it weren't for Sergej Dott’s delightfully whimsical public art installation, Die Rückkehr der Kühe – or The Return of the Cows.

Peek between two buildings halfway down the road, and you'll spot a photo opportunity unlike any other: a herd of giant cows, seemingly wandering up and down the side of an apartment block.

Dott has created several cow-based installations, which he calls 'Kuhunst' – a cheeky pun that will appeal to German-speakers, combining the words 'Kuh' (cow) and 'Kunst' (art).

07. Stand By Me tree

Tree trunk with engraved Stand By Me lyrics

An anonymous fan of Ben E. King has demonstrated their passion for his seminal love song Stand By Me, by carving the lyrics into a tree trunk in Berlin’s Tiergarten Park – turning it into a natural sculpture to inspire all who visit it.

Unlike the transient, temporary nature of some of the street art featured on this list, this lyrical trunk has a pleasing permanence about it. The bark has healed, sealing the words within – and the anonymity of the creator adds to its enigmatic appeal. 

While the exact date it was carved is unknown, the tree first became an attraction following King’s death in 2015, and the famous chorus of the song also appeared on a nearby tree at a similar time.

08. Georg von Rauch-Haus

Exterior of Georg von Rauch-Haus

A graffiti-daubed icon of socialist activism, the Georg-von-Rauch-Haus is an infamous Berlin squat that takes its name from a violent German anarchist and so-called 'urban guerilla' who was shot dead by the West German police in 1971.

Shortly after von Rauch's death, squatters and political activists occupied a former nurses’ dormitory near Bethanien Hospital on Mariannenplatz, Kreuzberg. Attempts by the police to evict the inhabitants culminated in a major protest, which was met with tear gas and batons.

With a distinctive ring of graffiti around the lower level, the Georg von Rauch-Haus now operates as a 'free-living' collective, as well as playing host to musical and cultural events.

09. Teufelsberg

Teufelsberg listening station dome

With an intriguing name that translates as 'devil's mountain', Teufelsberg is a former US spy base from the Cold War. It's built on top of a man-made hill outside the city, formed from the remnants of an incomplete Nazi military-technical college, as well as wartime rubble.

Teufelsberg's most distinctive feature is a collection of 'randomes' – enormous listening domes, now dilapidated and broken, but still strangely beautiful – which, like so many of the locations on this list, are plastered with street art.

Despite its dilapidated state, however, there's an entry fee to visit Teufelsberg as the site is now privately owned. Guided tours are also available.

10. Urban Nation

Urban Nation museum building, Berlin

Rounding up our list is a relatively new addition to Berlin's cultural landscape, having only opened its doors in 2017. Capitalising on Berlin's global reputation on the street art scene, Urban Nation is the world's first museum dedicated to all genres of urban contemporary art: graffiti, paste-ups, sculptures, acrylic designs and more.

For over a decade, Urban Nation has championed street art in Berlin and helped transform the once-depressing, Cold War-era concrete cityscape by inviting high-profile muralists to make their mark. Now the organisation has its own free-to-enter permanent space, which features the works of 150 international and local artists.

Related articles:

20 tools to make you more creative in 20185 fantastic design fails – and what we can learn from themThe top 20 US design studios of 2018