Artists and designers, there’s a new way to paint! CSS3 is the latest and greatest and the cool kids are already using it. But there’s new syntax to memorize and not all browsers are equally capable of rendering the effects you create. How will your workflow change? What are the benefits of this evolved web standard for development time, SEO, accessibility and site performance? What can you use on the web and in mobile development right now? Where should you wait?
In this session you’ll learn about progressive design principles, the new capabilities of CSS, time-saving tools to aid as you visually write the code, as well as a variety of methods to tame incapable browsers when it’s absolutely necessary. Learn CSS3 tricks and techniques—all based on the experience of a real-world front-end developer. Welcome to the next generation of web design!
How can we design interactions that encourage specific behaviors?
As designers, we work hard to provide powerful features in our applications, but if users don’t take advantage, it’s all waste. We have to extend our designer’s toolkit, leveraging the latest thinking from psychology.
In this hands on workshop, Stephen P. Anderson (Poet Painter) will guide you through specific examples of sites who’ve designed serendipity, arousal, rewards, and other seductive elements into their applications, especially during the post-signup period, when it’s so easy to lose people. He’ll demonstrate how to engage your users through a process of playful discovery, which is vital whether you make consumer applications or design for the corporate environment.
Based on the forthcoming book of the same name, this workshop is a day long bootcamp in getting you from a blank page to a confident content wrangler.
We will be working on a real website, your website in fact, as we look at how we can find out what content you already have, how to improve it and what we can do next. A personal site or small business site, such as a blog or portfolio, is perfect for this and I honestly don’t mind if you’ve never written a word or if you have an archive of 500 articles.
Along the way we will discuss working with clients and how you can help them create good content on time and on budget, what makes good content work, and when to use audio, visuals or text to convey information and narrative.
We will cover auditing content, creating tools such as styleguides, page tables and content plans, measuring and adjusting content and simple copywriting techniques, that apply to projects big and small. You will be able to take what you have learnt and executed on this small scale and apply it to much bigger things with confidence.
As mobile, tablet and other platforms proliferate, the demand for native apps, as well as mobile and tablet optimised web sites and apps has grown dramatically.
Because there is no “one size fits all” approach to mobile development, we will walk through a few of the cross-platform mobile approaches that developers and designers can take to build mobile apps and sites.
When we think about what the Web is, and what it can be, we tend to focus on interactions between people and computers, or between people and other computationally-enabled things. But what happens when these “things” are animals?
In this talk, Anne will discuss the role that animals have played in shaping the Web so far, how the Web is enabling new ways of interacting with animals, and what we might expect from a future of human-animal-computer interaction.
Covering everything from online farms and product traceability to animals that tweet and epizoic media, this talk will demonstrate that the Internet isn’t just made of cats, but also cows and birds and sheep and cockroaches and…
In the last few years people have started talking about something called ‘digital humanities’ outside of academia. The term ‘curator’ is even being loosely talked about as a ‘future job description’ — despite its long history and roots in the museum world. And in museums, archives and libraries all over the world technologists are talking and building linked open data projects, SPARQL endpoints, huge crowdsourced digitisation and citizen science projects, not to mention mobile and social experiences, AR, QR, that fluidly move between the physical and the digital. Not only that, they’re not hiding this work behind patent lawsuits, NDAs and commercial-in-confidence backroom deals.
What exactly is going on here and how might you, as developers and web thinkers, start to explore some of what they have to offer. And, perhaps selfishly, how can you prototype, test and solve your own technical problems using their data and use their unique physical environments as a living laboratory for your own products and projects?
In a fireside chat, Seb and Luke from the Powerhouse Museum will talk candidly about some of the current challenges and future directions in this space — and how you might be able to help.
Change is never a smooth process. How do know when disruption is useful and how do you cope with the feedback on it? Recently news.com.au, a national news website with large numbers of daily visitors, underwent a major upgrade which tore down existing and perhaps “expected” ways of presenting news. At the heart of the redesign was a desire for change that motivated and challenged every aspect of the team’s design thinking and process. In this co-piloted session Simon and Scott will fly you over the territories of change they encountered on the project, ones common to many redesign projects. They’ll descend through the experiences that came out of the redesign: fundamentals like stakeholders, requirements and their process for user experience architect and designer working side by side. Sprinkled with some of the twitter and facebook feedback the project received, they’ll touch down on the sticky issues of dealing with feedback and how to suck it up and utilise passionate user and stakeholder feedback.
by Peter Mika
The key idea of the Semantic Web is to make information on the Web easily consumable by machines. As machines start to understand web pages as sources of data that can be easily combined with other public data on the Web, the promise is that search on the Web will move well beyond the current paradigm of retrieving pages by keywords. Instead, search engines will start to answer complex queries based on the cumulative knowledge of the Web.
In this presentation, we overview the basic set of technologies that can be used to annotate web pages so that they can be processed by data-aware search engines. In particular, we discuss the RDFa and microdata standards of the W3C designed for marking up data in HTML pages. We look at the ways in which this information is currently used by search engines, including the latest schema.org collaboration between Bing, Google, and Yahoo!, which provides a basic set of vocabulary items understood by all three major search engines on the Web.
Throughout the years, the Swiss Army Knife has been the trusted companion of scouts and explorers alike, and for front-end developers, CSS has been a trusty, if sometimes frustrating, companion. And just as blades, scissors and sundry tools have been added to the Swiss Army Knife, with CSS3, we have new tools and implements of creativity, and some tried and true tools have been honed and sharpened. Of course the key to success is knowing which of the many tools to use and how to wield them in a given situation. Join Stephanie Rewis as she explores some shiny enhancements to favorite old tools like backgrounds and borders, as well as slices and dices with new tools like CSS masks and more!
by Addy Osmani
You’ll learn how to keep your application logic truly decoupled, build modules that can exist on their own independently so they can be easily dropped into other projects and future-proof your code in case you need to switch to a different DOM library in the future.
Computers are increasingly being held in the hand rather than sitting atop lap or desk. We now have to consider how our products will work underneath a finger instead of a mouse cursor. Increasingly, too, those products are being delivered as native applications, capable of fully exploiting device capabilities. That has ramifications not only for the way those projects get built, but also how we structure the businesses that support them.
In this session, Michael Honey and Tim Riley answer the question “web or native?” from business, product design and development perspectives. They cover the current state of web technology on modern devices and compare it to what’s available through native development platforms. They’ll look at web, native and hybrid strategies successfully employed by Australian and international businesses, and share their own stories as mobile and web developers. Finally, they’ll offer practical guidance on picking a strategy for web or native development that best suits your needs — as either a developer or a client.
Tim and Michael are two of the partners behind Icelab, an Australian design and development studio. They’ve trod both the web and native paths through their client work, such as interactive touchscreens for museum exhibits, online photo galleries and mobile tour guides, and also their own projects, like Decaf Sucks, a coffee review community available on the web (optimised for both desktops and smartphones) and as a native iPhone app.
by Rob Manson
Augmented Reality lets you peel away the blinkers from your real world eyes to see the rich data and information that exists all around you. But up until now it has relied largely on proprietary tools and standards. Finally, we’re close to being able to augment our world using web technologies. Soon this will be a common part of the web browsing and mobile device experience. Now is the time to look at these future trends and the state of a specific list of API standardisation activities and the forces shaping them. We’ll also look at the current obstacles, risks and issues to explore what may prevent this landscape from evolving as it appears it will.
This presentation aims to document the AR standardisation efforts over the last few years as well as what’s possible right now and in the near future from a distinctly web-based perspective.
by Alex Young
No longer is being connected limited to the constraints of the traditional desktop environment. Devices, networks and the Web are maturing and evolving at a fast rate. Our expectations about what we want, how we want it and when we want it are more complex.
Designing experiences for web for the “desktop” environment is something many of us have been doing for a while. Toss in “mobile”, sprinkle that with some social integration, a native app or two and things suddenly start getting a bit more interesting. How do you approach designing experiences that span multiple platforms and devices, contexts and roles to meet the evolving needs of our audiences?
by Ryan Seddon
More and more as front-end developers we are presented with new challenges, with the explosion of the mobile web it has created a whole new territory. How do we test the vast array of devices out there? And what tools can help us make this a painless experience?
Testing web apps on mobile devices is a new challenge not yet fully explored. Let’s brush over the beginnings of web application testing and debugging and dive into current solutions for remote debugging. In this session we’ll cover what developers and browser vendors are doing to help tackle this problem, including some of the tools available to use today, and how some of these tools work internally and what the future may hold.
by John Allsopp
In 2000, when the web was less than half the age it is now, when the concept of web standards was still not much more than an ember carefully nurtured by a small group of practitioners who might fairly have been called fanatics (and less charitably, but just as accurately, lunatics), John Allsopp wrote “A Dao of Web Design”.
Little did he know, and even less can he believe, that more than a decade later, an eon in internet years, it is still widely quoted by some of the web’s most well known and respected practitioners, and considered by some to be a seminal text in web design.
So, ten years later, what does John now think about his thesis, and his suggestions for developers? In a world of highly fragmented user experiences, across all manner of screen sizes and input modes, what now seems hopelessly naïve? What if anything, stands the test of time. And what, if anything, new has John learned as he has continued to develop with web technologies over the last 10 years.
Come and listen as John revisits a Dao of Web Design.
Mozilla is dedicated to ensuring that competition and innovation thrive on the Internet. In the last decade we rescued the Web from a near-monopoly and restored competition to the browser market. Now the standards-based Web platform is evolving rapidly — mostly in a good direction — and is defeating some of its competitors, such as proprietary browser plugins. However, it faces fresh challenges, in particular, single-vendor platforms for mobile devices that are attracting application developers away from the Web platform. In this talk I will describe the work we’re doing to ensure that the standards-based Web wins again — developing new technologies, extending Web standards, and shipping great products on all kinds of devices. I’ll talk about the challenges we face and what people who care about competition and freedom can do to help.
The Australian War Memorial is connecting and enriching online archives and collections toward building a platform for telling history. Through Drupal 7 and Linked Data, the Memorial intends to develop tools that designers, researchers and historians can use to help find new ways of building historical narratives.
During this session we will demonstrate some early prototypes and experiments, key uses of Linked Data, practical publishing tools and discuss how this work is unfolding inside one of Australia’s major collecting institutions.
Learn how to build great looking and high performance mobile web applications leveraging CSS3 animations and Backbone.js, along with some cool use cases for geolocation and localStorage.
This session will describe in length a boilerplate you can use for developing your own apps aimed at A grade mobile devices and tablets.
A new generation of touch devices have proven to be exciting playgrounds for app designers. And with every new product we create, we have the opportunity to offer the most clear and efficient experience for our users. Recent UI trends often lean to realistic, faithful representations of analog controls and features. These designs can offer advantages, but also come with their own set of hazards.
In this session Aaron will lead you on a tour of current trends and practices, examining the strengths and drawbacks that realism brings. We’ll talk about things like mental models, innovation and usability as they relate to lifelike UI. Finally, Aaron will share some pragmatic guidelines to keep in mind as you build the next wave of mobile and touch apps.
Now that we are comfortable developing and designing web content for desktop screens, just when we finally understood how to translate the web experience to mobile screens, there is a new challenge ahead of us. How do we develop and design web content when the physical environment becomes our canvas?
While for a period there was (and largely still is) an emerging trend to stick a screen on everything (remember the Internet fridge), increasingly the smartphone is becoming our swiss army knife for information access. Constantly connected to the Internet, smartphones have literally made information available at our fingertips in more personalised and less obtrusive ways than embedded screens.
With the arrival of new display technologies, like integrated personal projectors, we will be able (again) to design for a much larger content area. There is a danger though that this will be limited to marginal use cases, such as watching photos or movies, when in fact this opens up an entirely new and exciting design space. Drawing on the sensing power of smartphones, projected content could instead be designed to provide rich interaction and contextualised visualisation of information.
The session will draw on research projects and visions of the future to sketch out the possibilities of this new design space, and how current web practices can be translated into a future where using the world as a canvas will change information visualisation and access all over again.
Yes, business applications can be made fun and gamelike. No, points, levels and badges are not the way to create sustained interest.
While many sites have added superficial gaming elements to make interactions more engaging, the companies that “get it” have a better understanding of the psychology behind motivation. They know how to design sites that keep people coming back again and again.
So what are the secrets? What actually motivates people online? How do you create sustained interest in your product or service? Speaker Stephen P. Anderson will share common patterns from game design, learning theories, and neuroscience to reveal what motivates—and demotivates—people over the long haul.
Let’s start with the assumption that computing and networking are as cheap to incorporate into product designs as plastic and aluminum. Anything can tweet, everything knows about everything. The cloud extends from smart speed bumps to exurban data systems, passing through us in the process. We’re basically there technologically today, and over the next [pick a date range] years, we’ll be there distribution-wise.
Here’s the issue: now that we have this power what do we do with it? Yes we can now watch the latest movies on our phones while ignoring the rest of the world (if you believe telco ads) and know more about peripheral acquaintances than you ever wanted. But, really, is that it? Is it Angry Birds all the way down?
Of course not. Every technology’s most profound social and cultural changes are invisible at the outset. Cheap information processing and networking technology is a brand new phenomenon, culturally speaking, and quickly changing the world in fundamental ways. Designers align the capabilities of a technology with people’s lives, so it is designers who have the power and responsibility to think about what this means.
This talk will discuss where ubiquitous computing is today, some changes we can already see happening, and how we can begin to think about the implications of these technologies for design, for business and for the world at large.
Microcopy is the ninja of online content. Fast, furious and deadly, it has the power to make or break your online business, to kill or stay your foes. It’s a sentence, a confirmation, a few words. One word, even. It isn’t big or flashy. It doesn’t leave a calling card. If it does its job your customer may never notice it was there.
In this session, Relly will show you how you can bolster sales and reflect your company and client’s values through just a few well-chosen words. Designers? Do you get lumped with the interaction copy? Developers? Do you get left trying to make meaningful error messages? Ecommerce managers? Do you want an easy increase in sales? This session will help. It will be a lot of fun. You should definitely come.
In 2020 there will be nearly 10 times as many Internet connected devices as there are human beings on this planet. The majority of these will not have web browsers. When it comes to the “Internet of Things”, web designers and developers are uniquely placed to create, connect and produce innovative new ways for these devices to be used.
We are used to mashing up disconnected data sets, playing with APIs and designing for constantly moving standards in order to create compelling digital user experiences. “Old school” engineers are struggling to keep pace due to long processes for product and service design but as web creators we understand the value of rapid prototyping, user feedback and quick iterations. As developers, we play daily with a bewildering array of technologies that span networks, servers and user interfaces. As designers, we understand the nature of beautiful but usable technology.
These skills, and our innate understanding of how interconnectedness enhances and creates engaging user experiences, mean that web creators will be critical for the next generation of Internet enabled Things in our world. From a potplant that tweets when it needs water to crowd sourcing pollution data with sensors on people’s windows and visualising it on Google Maps these are the new boundaries of the web creator’s skills. Have you ever dreamt of sending your phone to the edge of space to take a picture of a country? Or how about a robot you can control via a web browser?
By exploring examples of things in the wild right now and delving into practical guidance for for getting started, this session will demonstrate how easy it is for web designers and developers to build Internet connected and aware Things.
by Ben Birch
If this year is all about the mobile space maturing, then your web skills are where it’s at and a key player is PhoneGap, which supercharges your code and gets you into the app store(s).
We look at one small framework’s journey from birth at a 2 day hacking event to become the preeminent method for distributing packaged web apps on mobile devices. We will have a look at the all the goodies that PhoneGap provides, then peek inside and see how it integrates with the web stack. We will explore some of the pain points and work arounds. Then, we take a quick pass through the community and resources available. Finally, we finishing up with a look at where PhoneGap is going and explore the interesting places your web dev skills could take you in the next 12 months.
HTML5 Video has been a hot topic for the last couple of years — but with new additions to the specification, we can now extend it beyond all recognition. In this session we’ll look at basic timed data, closed captioning and more — and as we adventure into more sophisticated uses of the technology, we’ll explore what additional value timed data can provide to your video, with attention paid to how you can implement it today.
The key focuses of this session will be accessibility, searchable media, and enriching existing multimedia experiences with timed data, all with a liberal application of flashy eye-candy. And of course we’re using the freshly minted Timed Text Track specification, soon appearing in a browser near you!
Most jaw-dropping apps use multiple HTML5 APIs in creative ways, rather than a single API in isolation. In this session we will explore ways you can implement and combine HTML APIs such as websockets, web workers, local storage, and geolocation to make awesome web apps. Then just for fun we’ll look at how you can dish up something really special by throwing in ingredients like canvas, video and WebGL.
by Rahul Sen
With the release of the Windows Phone, Windows 8, Google+ and a host of other interfaces – a call for revolution is becoming more absolute. There seems to be a clear opposition to skeumorphism in graphical user interfaces (skeumorphic UI were made popular by Apple for the past half a decade). There is a clear call for fierce reduction of chrome in favor of content.
History seldom repeats itself, but every now and then, it rhymes. My session focuses on what I call — ‘The Interaction Design Bauhaus’. It discusses this growing minimalist, ‘form follows data’ trend in UX and compares it to historical phenomenon that occurred in the early 1900’s in the form of the industrial design Bauhaus movement. This session draws comparisons and lessons from history, and attempts to focus on the new material we deal with in Interaction Design and how we deal with old human feelings like Envy.
by Andrew Arch
The W3C and the international community are all making accessibility easier for everyone to understand and adopt. The Australian Government has been on its renewed path to online accessibility for some time now with the implementation of the Web Accessibility National Transition Strategy. This session will:
11th–14th October 2011