by Jon Setzen
As designers we generally cannot wait to throw ourselves head ?rst into projects, to start sketching, thinking about colors, and imagining user ?ows. It’s important to put on the breaks and step back from the project to address the problems you’ll be solving. At the end of the day, great design is solving problems elegantly and simply. How will you work with your teams and/or clients to make your products and/or services stand out and be successful? From creating a future vision for your brands to crafting a compelling and emotive product story, this intensive workshop explores a series of exercises that are essential to a calculated creative process. Join Jon for a day full of collaborative, creative, and hands-on exercises that you can take back to your clients and your teams. You'll just need your laptop. We’ll provide notebooks, pens, markers, and more.
What You'll Learn:
*How to create powerful future visions for your brands that set projects in the right direction.
*Branding workshop exercises that will ignite creativity amongst your teams and lead you towards that “big idea”.
*Brainstorming for designers and sketching layouts with a real purpose.
*Techniques to turn your project into an emotive story people want to hear.
*How to present your ideas to the toughest of clients.
Discover the benefits of using Sass, a CSS pre-processor, along with Compass to help streamline front-end development, collaborate with other developers, and overall to help you enjoy writing CSS. The workshop will be divided up into 4 sections: basic, intermediate, advanced and tools of the trade and other fun tricks.
You’ll need to bring your laptop with Sass and Compass installed.
*Pre-processor basics & setup
*Sass vs. SCSS syntax
*Basic DRY concepts with variables, nesting
*Functions and operations
*Expanded DRY concepts with mixins, extend, and placeholders
*Lists and new Sass 3.3 features
*Structuring Sass files and directories
*Questions and tinkering
by Joe Leech
In this workshop we'll look at how people build models of the world around them and how we can use that knowledge to create great user experiences. We'll go right back to the basic psychology theories underpinning planning, decision making and perception. From there we'll build on how users decide what to do in certain situations and why many websites fail because they don't match the model and thus the expectation the user has for how a website or app will work. You'll be a designer, developer or product manager interested in making your stuff better. You'll need to care about doing the right thing and want to understand how people think, behave and feel. No previous psychology or UX experience needed. You'll learn to support users to do what they want and expect (and you want them) to do, improve metrics and success of your website, product or app, make your customers fall in love with your product and learn how psychology can help build a great user experience. Enthusiasm is a must as is a pen, paper and a mobile/tablet to look stuff up.
What You'll Learn:
*Why match design to behaviour and what goes wrong when you don't
*The psychology theory behind how people model a task and the world around them
*The tools to understand and map the way people model a task
*How to match your design to the map/model and make it a success
*Mapping and designing the details - as it’s these that count
*Loads of little psychology tidbits that will improve a design and make you a better designer
Bootstrap is among the most popular front-end frameworks in use on the web today. Core to Bootstrap is a fully responsive grid system. For many, this alone is the main attraction to frameworks in general. Using the grid system inside Bootstrap we can create complex layouts that beautifully adapt to any screen size with amazing ease. On the surface it appears to make responsive web design look easy. Unfortunately though, there is more to the story. In order to make things work the way we expect, even on the most simple of layouts, one must nest columns. As a result, it gets mind blowing fast. In this session we will briefly introduce you to the Bootstrap framework with a particular focus on its robust grid system. The primary focus of the workshop will be on coding frequently used responsive layouts such that they can accommodate changing content as you would expect. Finally, we will look at how to combine, and nest, these layout patterns to create full pages with infinite variety. After this workshop you will have a solid understanding of the Bootstrap grid system. You’ll know how to use it to create robust, flexible and reliable layouts. Additionally you’ll have a library of layout structures that can be combined in countless ways and will be empowered to put Bootstrap to work. You’ll need a laptop with your favourite code editor and a solid working knowledge of HTML and CSS. No prior experience with Bootstrap is required.
What You'll Learn:
*A brief introduction to Bootstrap
*A detailed look at the Bootstrap grid system
*Strategies for building layouts with Bootstrap
*Common responsive layout patterns and their implementation
*Nesting patterns for spectacular results
*Specifics of Bootstrap including: containers, rows, columns, push, pull, offset and more
Templates, trainings, threats: We’ve tried everything to get content from clients and colleagues sooner—and mobile hasn’t made things easier. Instead of planning pages, now we’re asking stakeholders to prioritize and manage a million bits of modular content. So how do we keep our subject-matter experts from feeling overwhelmed, prevent carousel-obsessed executives from endless homepage arguments, and get the content we need to make design and development decisions?
The answer is in using content strategy as a means to orchestrate, not dictate. Orchestra conductors don’t control all the instruments or the people playing them. Instead, they:
*Unify performers. Learn how to get your ensemble cast of content producers rallied around shared priorities and goals from the start—and see how understanding their politics and processes can improve every aspect of the project, not just content.
*Listen and adjust. Having a great ear will help you hear problems sooner, so you can better allocate time and resources to the areas that will most shape the content’s overall quality.
*Keep the tempo. It’s hard to focus on the notes in front of you and think about where the song is heading. *Learn to help your players stay focused on the details, while showing them how their part helps the whole piece come together.
*Best of all, you don’t have to be a content expert to be your project’s conductor. In this talk, you’ll hear what you can do—yes, you—to bring harmony to the content process.
This session will give you a brief overview of user-centered design such that it allows for the introduction of practical versions of more rigorous UX methods. Examples include nano usability testing, SUS testing, first click tests and other bite-sized methods that can be rapidly introduced and used to good measure. How do we suddenly add usability testing to our process? Nano testing helps you quickly do just that, and produce valid useful results that influence your design work. This approach helps designers ease these methods into their workflow.
by Barry Clark
Do you really need all of that Wordpress overhead? Could you improve your site load time, security, and maintainability while simplifying your development workflow and giving yourself more design control? Barry will introduce you to the benefits of using Jekyll, a static site generator that's great for creating blogs, portfolio sites and simple client sites. He’ll walk through creating a site using Jekyll and hosting it on Github Pages, highlighting common issues that people run into during setup and how to overcome them to create better experiences for you and your clients.
by Paul Trani
There will always be different ways of working when it comes to designers and developers. But it’s not about changing what people work with, it’s about working with people. Regardless of what file they give you. In this keynote, you’ll learn how brand new technologies are enabling designers to use the apps they want (like Photoshop) and how developers can get the content they need (graphics, CSS, etc.). Probably the best 20 minutes you’ll spend all day. (Aside from the wise decision to get coffee this morning.)
The web has evolved so quickly that the tools we use to create it haven't had time to catch up. We've designed in the browser; we've designed in Photoshop; but neither satisfies the needs of modern web designers. However, a revolution is rising and new tools are reimagining our craft. Questions as to the need for front end development are racing through the web. Join us for a romp through web design’s past, an examination of its present and a look into its unexpected future.
by Gian Wild
In this session Gian Wild will be speaking about how to make your mobile sites accessible. WCAG2 (Web Content Accessibility Guidelines 2.0) was written before mobile devices were ubiquitous and, while there is an increased awareness of accessibility on desktop sites, mobile accessibility presents a whole new challenge. There are accessibility issues unique to the mobile format, such as lack of keyboard, lack of mouse hover and reduced screen size. Gian will discuss the most common problems and how you can avoid them to create great experiences for everyone.
by Joe Leech
@mrjoe will take you on a journey to find the holy grail we are all looking for. The perfect design. What exactly is the perfect design? Well, that's what you will find out in the session. We'll look at the three aspects that define the perfect design and three approaches from psychology to address each aspect. We'll look at a practical strategy that uses psychology to produce the ideal design for those tricky user experience design problems we face everyday.
by Kyle Peatt
As designers, we've only just scratched the surface of building effective mobile e-commerce sites. So why look even further into the future? New devices and device types are already cresting the horizon. Android watches, Google Glass, and SmartTVs are here or just around the corner. How will these different contexts affect interaction, layout, and user expectations? This talk will explore lessons learned from years of building enterprise mobile e-commerce sites. We'll walk through some theories behind designing interfaces for these devices. We'll explore current future-forward UIs and see who's doing it well and who's not. By the end of this talk, Kyle will have painted a detailed picture of the future of e-commerce so you'll feel prepared for the future. It's coming sooner than you think.
by Jon Setzen
As designers we generally cannot wait to throw ourselves headfirst into projects, to start sketching, thinking about colours, and imagining user flows. It’s important to put on the breaks and step back from the project to address the problems you’ll be solving. At the end of the day, great design is solving problems elegantly and simply. How will you work with your teams to make your products and/or services stand out and be successful? We’ll look at ways to get the right answers from your clients and how to maximise your results by focusing on simple solutions that lead to success. You’ll leave with new ways to think about your projects and new techniques for creating compelling brand stories, engaging content, and user experiences that make your customers your biggest fans.
by Val Head
Gone are the days of being stuck with nothing but hard-cut transitions on the web! The future of web design includes sophisticated animations in its interactions, and it’s up to us as designers to make them both meaningful and awesome. In this session we’ll cover where animation can add important detail and inform UX; how to get animation ideas out of your head; and techniques for prototyping animations as part of our design process. Just like typography, colour and others, animation is an element of design that can speak volumes in our work. Considering it early in the design process means we’ll be designing the best kind of animations. The kind that can take our work beyond good, to great!
by Justin Secor
You're a web designer like me, so I can tell you that we both have a serious flaw: we're energy inefficient. The overspending of electricity in our designs has far-reaching consequences, has persisted undetected for a long time, and permeates almost every pixel on the Web.
In general, people think about their energy consumption only nine minutes per year, so it's not surprising that you or I have been big energy spenders when it comes to building the Web. Storing data, sending information, and displaying pixels on screens—all of these things cost a surprising amount of electricity, especially considering the global energy implications of running the Internet. Luckily, this also means that the possibility of energy savings in our industry is significant, and there are some simple things that you and I can do to stop being inefficient. In this talk, I’lll show you just how much energy your sites and apps are using and offer practical, easy tips to help you earn your next rank: energy-efficient web designer!
by Dave Benton
The most essential elements of a brand are rarely listed in the brand guide. In order to accurately represent a brand online we must go a step deeper than pantone 375c or Futura Light with a kerning of -45. Getting to the core of the brands we represent is not an easy task, Dave will use real world examples to share the process of effectively telling brand stories that turn customers into brand ambassadors. By discussing the the process from brand construction to site launch we will help you convey your clients brand and 'create great experiences’.
The Web is more type than anything. We may as well get it right...
There's a movement brewing built upon leveraging the transformative power of creativity to help us work and create better so that we can produce work infused with meaning. Discover how by knowing your Why, instilling tiny habits to cultivate your creative spark, and finally, fomenting creative collaboration based on the tenets of improv and open spaces, you can take the spark of Creativity (R)Evolution and use it as the impetus to push you, your teams, and your companies to create Betterness.
by Terena Bell
In 2000, English was the dominant language online by a 26% margin. By 2011, that had dropped to 3%. What do you think that figure will be in 2015? What about 2020? Forget the UN or the EU—the Internet is the true international collective. The Global Web is the new reality. Even if the website you design is never translated—which at some point, it probably will be—you still need to be aware that people from other cultures and other native language backgrounds will be on your page in the future. Whether you realize it or not, being a designer makes you a global designer. So how does increasing internationalization affect the most basic principles like “don’t make them think”? Or logical vs confusing navigation? Or even seemingly unrelated areas like accessibility? You know the basic principles already. But do you know how the way you use them must change?
We design sites for a myriad of devices with varying connection speeds. More and more, we’re discovering the importance of fast page speed. Even 100 millisecond delays in load times negatively impact user experience and conversions. The problem is, making a site fast and lightweight is often at odds with other design goals—like creating visually immersive experiences or meeting all of an organization’s rich-media ad requirements. While a stripped down site with no images, set entirely in Arial, is certainly going to be light, it’s not going to accomplish all of our client’s business goals. In this talk, we'll discuss how we can make smarter design decisions, from the beginning of a project, to ensure that our sites perform well. Some topics Yesenia will discuss are optimizing typography and UI, responsive images, and how to get clients on board.
by Cory Simmons
Grids are probably the most important part of your workflow as a frontend developer. They can speed up your development and make your site responsive without much extra attention. For a long time, developers thought grids couldn't get much better and stopped exploring the limits to which they could be pushed. In this presentation, Cory Simmons will show you how a few great teams have harnessed the power of CSS pre-processors to create some of the most flexible, yet intuitive, grid systems you've ever seen, and he will demonstrate how to code entire responsive layout structures from scratch in literally minutes.
Our storytelling tools are increasingly fragmented in the digital world but, at the same time, the web is opening up all sorts of exciting possibilities. What does it mean to build a non-linear story in the 21st century? Senongo will show examples of beautifully crafted non-linear digital narratives: disjointed stories, parallel narratives, even embedded memories. The digital tools at our fingertips, from simple hyperlinks to complex animations, mean we can create non-linear narratives that exist as the perfect storytelling format for the web. This talk will provide a set of narrative principles and structures attendees can build on.
by Brian Fegan
by Ben Jordan
Over the course of a project or product design small assumptions and poor decisions can accumulate. Smart teams invest time to research and plan early using rapid UI prototyping. Combined with usability studies and research, prototypes help teams move in an educated direction.
Just what is the future web designer's role? With increasing expectations on web designers to know UX, UI design, front-end code, project management and more, we'll be discussing the skillset web designers need to stay ahead of the game, the role that automation can play and which tools and frameworks can help you deliver awesome designs. Can you and should you do it all? Join Val Head, Joe Leech, Razvan Caliman and the founders of Macaw to find out what you need to pack in your toolkit of the future.
If the future is so hard to predict then where do we go to find the best strategies for our (mobile) products and content? In this session we explore what makes us fundamentally human and why that drives the design of great products. We'll use biology to identify the essential tools to get inside the head's of your customers. Our exploration will show us how to find the most important touch points along their journey with your product or service. These tools are the same tools used by leading design-driven companies like Apple, Google and Dyson to develop a remarkable and rewarding experience for their customers.
CSS has been missing rich geometry features and this has forced web designers to create within the constraints of the block, trapping content in simple boxes. Things are about to change.
CSS Shapes and CSS Masking are two new features which empower web designers to wrap and clip content around complex paths. This talk is a deep-dive into how these features open up new design options. You'll see practical examples, inspiring demos, useful editing tools, and get tips & tricks for using shapes and masks effectively in your upcoming projects.
3rd–5th November 2014