Skip to main content
beyond tellerrand // BERLIN 2018

Logo of beyond tellerrand // BERLIN 2018 beyond tellerrand // BERLIN 2018

5th to 8th November 2018

Berlin, Germany

Part of the beyondtellerrand series

Schedule for

  1. in Kuppelsaal 1 (Neue Mälzerei)

    Session image for Full-Day Workshop: Design Thinking for Fun and Profit with Andy Budd

    Full-Day Workshop: Design Thinking for Fun and Profit with Andy Budd

    The term “design thinking” has been floating around the industry since the 60s, but it was arguably IDEO’s Tim Brown who helped bring it into the public consciousness in his 2009 TED Talk. Since then, Design Thinking has been gaining popularity in the business world, thanks to prominent articles in publications like Fast Company and The Harvard Business Review. In fact Design Thinking has become so popular that many business leaders have been eschewing traditional MBAs in favour of design led programmes at The Singularity University and dSchool.

    The concept behind Design Thinking itself is fairly straightforward; essentially it’s using traditional design tools and approaches to solve non-traditional—often abstract–business problems. This typically involves a combination of abductive reasoning, visual sense making, modelling, co-design, and experimentation, all through the lens of user centricity. All things you should already be familiar with. As such, the magic of design thinking is using these tools in new and unexpected ways.

    Considering all the buzz, you’ll be surprised to know that the very existence of Design Thinking is still contested, with some designers feeling there is an element of “emperor’s new clothes” about the whole conversation. They would argue that design thinking is nothing new and designers have always used their tools to solve complex business problems, so this isn’t some new for of cognition. Irrespective of the ongoing debate, Design Thinking has clearly made its way outside the design studio and into the boardroom, giving designers an unprecedented level of access and influence.

    During the workshop

    We’ll start this workshop by introducing the concept of design thinking, and digging into some of the key details. We’ll talk about the double-diamond approach to design—something you’ll no doubt already be aware of—and how this can be applied to a broader set of problems than you’re familiar with. We’ll walk you through a set of our favourite Design Thinking tools, before splitting you into groups of 4-6 people and tasking you with solving a tricky business problem.

    As the end of this workshop you’ll be able to...

    • Articulate what Design Thinking is and isn’t.
    • Apply the Double Diamond approach to solve non-conventional design problems.
    • Improve project planning using The Graphic Gameplan, Five Bold Steps and Project Pre-Mortum techniques.
    • Set Strategic Vision with Cover Stories, Elevator Pitches, and Vision Journeys.
    • Model complex business problems using context maps, the SPOT Matrix and The Lean Product Canvas.
    • Understand customer motivations through empathy maps, user journey maps and Value Propositions.
    • Conceive new ideas using Design Studio, Body Storming and Lego Serious Play.
    • Test those ideas using Paper Prototypes, Service Design Origami and The Wizard of Oz technique.

    This workshop is for…

    • Designers looking to make a bigger impact with their work.
    • Developers looking to get a piece of the action.
    • Product managers looking to do a better job of influencing product decisions.
    • Executive teams looking to bring design techniques of silicon valley into the boardroom.

    What you'll need

    This workshop is highly flexible, scaling from individual teams of 4-6 people, up to large rooms of over 100 participants. No prior design experience is required, although a flexible mindset and a willingness to play with sticky notes and lego is key.

    When and where is the workshop taking place?

    On Monday, November 5th, from 10am (10:00) to 5pm (17:00). Venue TBA

    Use your chance an register early to safe €100 until August 31st. Early bird price is €349 incl. VAT and booking fees. Price after August 31st is €449 incl. VAT and booking fees.

  2. in Kuppelsaal 2 (Neue Mälzerei)

    Session image for Full-Day Workshop: Kirby CMS with Bastian Allgeier

    Full-Day Workshop: Kirby CMS with Bastian Allgeier

    Kirby CMS is a fast and flexible file-based content management system used by companies like Daimler AG, The New York Times, Mozilla, Harvard and more. Bastian Allgeier is the founder and lead developer of Kirby. His workshop will show you how to build websites with Kirby's next major version.

    Bastian and his team have been working on Kirby 3 for more than a year now and Bastian wanted to provide this workshop as a chance for you to get an extensive introduction to this new version.

    You will be the first to work actively with the new features and possibilities. Learn how to move your existing site from earlier Kirby versions to Kirby 3 or start a new project from scratch.

    What will the workshop cover?

    You are going to work extensively with the new panel and dozens of improved backend features. Get an overview of Kirby's new REST API and the brand new Vue-based UI component kit for panel plugins.

    This workshop is a hands-on workshop as you wish it: bring your own projects and Bastian will show you tips and tricks how you and your clients can benefit from Kirby and the new version.

    What else is included?

    Everybody attending the workshop is going to get a free Kirby 3 PRO license and a 50% discount on your next Kirby 3 purchase included in the workshop ticket price.

    Required skills

    • You should be comfortable with HTML and CSS.
    • PHP skills are a plus, but knowledge in pretty much any other programming language will be useful as well.

    Do you need any hard- or software?

    • You should bring a laptop with your preferred (text) editor
    • A pre-installed version of Kirby's starter kit (we are going to send you, what you need before the workshop), so we don't waste time with the installation process. All attendees can get in contact with Bastian and ask for help before the workshop in order to get Kirby installed.

  3. in Seminar 1 (Neue Mälzerei)

    Session image for Full-Day Workshop: Web Typography with Oliver Schöndorfer

    Full-Day Workshop: Web Typography with Oliver Schöndorfer

    The web is written language and it’s also a mess because most sites don’t present text properly. This brings big disadvantages for readability, usability and branding. Typography to the rescue! In one day, you will learn how to boost your next web project with good typography in this hands-on workshop. You will gain an understanding of the developments of this craft and learn the most efficient ways to achieve typographic excellence in responsive web design. We’re also looking into the near future and learn about new opportunities with Variable Fonts.

    This practical workshop will give you the tools to improve the typography in your future web projects. Among other things it will cover:

    • Basic guidelines for good typography on the web
    • How to best choose and combine web fonts
    • Harmonic measurements — what font size, line length and line height work best
    • Text hierarchy, text formatting and em­pha­sis
    • An introduction to Variable Fonts and how to use them today

    During the Workshop

    After a general introduction, you will develop your own project under close guidance and go through a series of exercises. I will provide instructions, support and practical feedback to help whenever you get stuck. At the end of the day we will discuss the results together as a group.

    After This Workshop You Will

    • Have a better understanding of good digital typography and how to apply it on the web
    • Have more confidence when choosing and combining typefaces
    • Know what font sizes, line heights and column widths work best in responsive web design
    • Know how to create engaging and distinctive typography
    • Be able to integrate Variable Fonts in your CSS and control them by using dynamic axes
    • Be able to better collaborate with designers and developers when it comes to typographic decisions
    • Be able to see all the typographic misuse on the web and have a hard time from now on ;-)

    This Workshop Is For

    Developers who often have to close the gap between design and code. They know very little about this subject. After the workshop they will start seeing visual differences and better understand the typographic settings in CSS and their impact.

    Designers who know about typography but don’t necessarily know about most current technical possibilities. They will learn about opportunities to improve their designs and have more influence on the result.

    All-rounders who work in design and front-end development and want to deepen their typographic knowledge.

    What You’ll Need

    • A basic understanding of HTML and CSS (beginner level)
    • You own laptop computer with Google Chrome installed
    • A CodePen Account (free of charge, only required for the time of the workshop)

  4. in Seminar 2 (Neue Mälzerei)

    Session image for Layout the Web With CSS Grid (and Friends)

    Layout the Web With CSS Grid (and Friends)

    Do you cringe when you have to design and build layouts on the web? Do you get frustrated when things never go where you want them to on your page? Creating custom layouts is not a trivial task, no matter what your sales rep or account manager says. Fortunately, browsers now support a plethora of CSS properties that make building creative layouts much less painful than before.

    During the Workshop

    This workshop covers what CSS grid is, why it is so revolutionary and how it can be used to build tried and tested layouts with much less code, as well as more radical less-commonly seen layouts with minimal effort. We will address some commonly raised questions with regards to CSS grid and Flexbox, and how layout properties can be used in combination to create designs that work well across different screen sizes and devices with different browsers. This will be a hands-on workshop where we work through various code examples as well as build a few real-world use cases that you can take away and continue to experiment with, or even apply to your own projects as well.

    Attend This Workshop If You …

    • regularly build bespoke designs with custom layouts on the web
    • heard of all these new CSS techniques but never had the time to explore
    • are interested in what the web is now capable of from a visual design standpoint

    What You’ll Need

  5. Session image for Full-Day Workshop: Good Robots: UX for Machine Learning and AI

    Full-Day Workshop: Good Robots: UX for Machine Learning and AI

    Let’s prototype an AI product! In this hands-on session, you’ll imagine and design a concept product powered by machine learning. Explore the new digital interactions emerging from machine learning, and how you can put those interactions to work today.

    Your guide is designer Josh Clark, author of Designing for Touch and ambassador of the near future. As we build our prototype together, you’ll learn practical process, technique, and design patterns for designing for machine-generated content and interaction. But you’ll also absorb lasting lessons and perspective for how to design for emerging platforms generally. You will learn new UX techniques for expanding service and brand across fresh-from-the-future technologies like speech, bots, physical interfaces, and artificial intelligence. You’ll leave the day inspired to create—and ready for action.

    You Will Learn To …

    • Understand the machine-learning technologies that are easily available and ready for you to use as design material right now. See how to fit them into your everyday products and processes.
    • Use some of the new prototyping tools for smart/AI interfaces.
    • Use play and experimentation as the means to create real products for new technologies.
    • Refit familiar design techniques for new contexts, and discover emerging best practices for smart/AI interfaces.
    • Create honest interfaces that set expectations and guide behaviour in ways that match the system’s ability.
    • Give your interface a subtle “body language” to suggest to users how new services work.
    • Establish new design principles for presenting machine-generated content, conclusions, and interactions.

    Workshop Methodology

    The workshop blends lecture, conversation, and hands-on design sessions. Lecture portions will introduce new concepts, techniques, and process, and the design sessions will put those ideas to work. Those design sessions focus on the UX and product activities that go into creating machine-learning products: researching to identify the right problem and the source data to solve it, identifying opportunities that machine learning can uniquely serve, understanding the new design ingredients that your machine-learning models give you, and prototyping new interactions.

    Who It's For

    The workshop is intended for UX and interaction designers, UI designers/developers, product designers, and product managers. It’s for people who are curious about what’s next for product design, and what the roles and responsibilities are for designers as machines take over aspects of content generation and interaction itself. (Spoiler: there are lots of exciting challenges and opportunities for designers!) You don't need any prior machine-learning experience for this workshop.

    What to Bring

    Please bring a laptop, your imagination, and a healthy sense of wonder.