Folksonomy | User Interface Design is a structured repository of digital culture and creative practice. en-au Creative Commons License: (cc), Simon Perkins Wed, 30 Mar 2016 10:52:15 +1000 Wed, 30 Mar 2016 10:52:15 +1000 Constellations 2.0 60 Storytelling through playful interactions For the new Zippy kidswear store in Set uacute bal Portugal we designed two interactive installations and built both in-house at D amp P The Sound Poster is a screen-printed panel that uses conductive ink to trigger sounds from the printed characters and the Fun Receipt is a receipt for kids which prints out of a giant mouth on the cash desk and includes characters to colour in mazes and other games Elly Bowness 2015 Wed, 30 Mar 2016 10:52:15 +1000 Connbox prototyping a physical product for video presence with Google Creative Lab 2011 At the beginning of 2011 we started a wide-ranging conversation with Google Creative Lab discussing near-future experiences of Google and its products They had already in mind another brief before approaching us to create a physical product encapsulating Google voice video chat services This brief became known as Connection Box or Connbox for short hellip There were interaction amp product design challenges in making a simpler self-contained video chat appliance amplified by the problem of taking the things we take for granted on the desktop or touchscreen things like the standard UI windowing inputs and outputs that all had to be re-imagined as physical controls This is not a simple translation between a software and hardware behaviour it rsquo s more than just turning software controls into physical switches or levers It involves choosing what to discard what to keep and what to emphasise Should the product allow lsquo ringing rsquo or lsquo knocking rsquo to kickstart a conversation or should it rely on other audio or visual cues How do we encourage always-on ambient background presence with the possibility of spontaneous conversations and ad-hoc playful exchanges Existing lsquo video calling rsquo UI is not set up to encourage this so what is the new model of the interaction To do this we explored in abstract some of the product behaviours around communicating through video and audio Matt Jones 26 February 2013 Berg Ltd Sun, 04 Oct 2015 19:09:13 +1000 Design for Action designing the immaterial artefact Throughout most of history design was a process applied to physical objects Raymond Loewy designed trains Frank Lloyd Wright designed houses Charles Eames designed furniture Coco Chanel designed haute couture Paul Rand designed logos David Kelley designed products including most famously the mouse for the Apple computer But as it became clear that smart effective design was behind the success of many commercial goods companies began employing it in more and more contexts High-tech firms that hired designers to work on hardware to say come up with the shape and layout of a smartphone began asking them to create the look and feel of user-interface software Then designers were asked to help improve user experiences Soon firms were treating corporate strategy making as an exercise in design Today design is even applied to helping multiple stakeholders and organizations work better as a system This is the classic path of intellectual progress Each design process is more complicated and sophisticated than the one before it Each was enabled by learning from the preceding stage Designers could easily turn their minds to graphical user interfaces for software because they had experience designing the hardware on which the applications would run Having crafted better experiences for computer users designers could readily take on nondigital experiences like patients hospital visits And once they learned how to redesign the user experience in a single organization they were more prepared to tackle the holistic experience in a system of organizations Tim Brown and Roger Martin 2015 Harvard Business Review A version of this article appeared in the September 2015 issue pp 56 ndash 64 of Harvard Business Review Mon, 14 Sep 2015 21:16:31 +1000 i-Docs website of this emerging interactive documentary form You will find a number of definitions and points-of-view on what constitutes an interactive documentary At this point in the development of this fast-moving field we feel that it is important to have an expansive definition that can embrace the many different kinds of work that are emerging The i-Docs site includes coverage of projects that you may find elsewhere described as web-docs transmedia documentaries serious games cross-platform docs locative docs docu-games pervasive media For us any project that starts with an intention to document the real and that does so by using digital interactive technology can be considered an i-doc What unites all these projects is this intersection between digital interactive technology and documentary practice Where these two things come together the audience become active agents within documentary ndash making the work unfold through their interaction and often contributing content If documentary is about telling stories about our shared world we are interested in what happens as the audience get more closely involved in this way At the heart of i-Docs is the question what opportunities emerge as documentary becomes something that is co-created Digital Cultures Research Centre at University of the West of England Wed, 24 Jun 2015 18:28:12 +1000 Illuminating North Korea by photojournalist David Guttenfelder Fig 1 Illuminating North Korea photographs and video by David Guttenfelder 10 June 2015 The New York Times Tue, 23 Jun 2015 00:30:40 +1000 Project Soli control electronic devices without physical contact Google has unveiled an interaction sensor that uses radar to translate subtle hand movements into gesture controls for electronic devices with the potential to transform the way they re designed movie Project Soli was one of the developments revealed by Google s Advanced Technology and Progress ATAP group during the company s I O developer conference in San Francisco last week The team has created a tiny sensor that fits onto a chip The sensor is able to track sub-millimetre hand gestures at high speed and accuracy with radar and use them to control electronic devices without physical contact 2 June 2015 Dezeen Sun, 07 Jun 2015 17:43:53 +1000 Hugh Dubberly Design the Future Hugh is the President of Dubberly Design and talented design planner and teacher At Apple Computer in the late 80s and early 90s Hugh managed cross-functional design teams and later managed creative services for the entire company While at Apple he co-created a technology-forecast film called Knowledge Navigator that presaged the appearance of the Internet in a portable digital device While at Apple he served at Art Center College of Design in Pasadena as the first and founding chairman of the computer graphics department Intrigued by what the publishing industry would look like on the Internet he next became Director of Interface Design for Times Mirror This led him to Netscape where he became Vice President of Design and managed groups responsible for the design engineering and production of Netscape s Web portal Hugh graduated from Rhode Island School of Design with a BFA in graphic design and earned an MFA in graphic design from Yale This lecture was held on Wednesday October 3 2012 at 4 30pm in 1305 Newell Simon Hall Thu, 12 Mar 2015 01:44:24 +1000 Facebook s Like and Share buttons designing for functional purpose Sun, 01 Feb 2015 16:19:25 +1000 BBC Footballers United WWI interactive drama I undertook the interaction design of the project on behalf of 100 Shapes I worked with the visual designer to develop and refine the concept over several months informed by feedback from the clients producer and developers In designing this piece we overcame unique creative challenges including revealing the wealth of supporting content and archive material within the context of the linear drama to allow viewers to follow a a different journey to explore the deeper human narrative Suzie Blackman November 2014 A discussion about he design process of creating BBC History s interactive drama entitled Footballers United 2014 which was produced by Somethin Else and 100 Shapes who produced the website and interactive features Mon, 22 Dec 2014 20:15:04 +1000 ActiWait gamifying a pedestrian crossing with interactive pong game ActiWait makes waiting at the crosswalk for the signal to change more fun The game is played while the light is red for the waiting pedestrians a touch screen is mounted on two signal posts opposite one another It is operated with your finger Modeled after Pong the computer game that has long since become a classic there are two bars on the display with which ndash moved with your finger ndash a ball can be batted back and forth You get a point for every time your opponent misses the ball In other words this is a classic game with a new look and perhaps most surprising in a very different environment Another charming part of the game the opponents meet completely spontaneously and randomly without knowing each other The idea for the project was first visualized in 2012 in a short video clip in which the situation was simulated to look very life ndash like In actual fact the video presentation was a perfectly crafted synthesis of animation and real images The simulation was developed on the computer and projected onto the traffic ndash signal buttons filmed with a green screen HAWK Press Office Sun, 07 Dec 2014 21:20:23 +1000 What if scenario used to paper prototype DynaBook tablet interface In 1968 Kay created a very interesting concept ndash the Dynabook He wanted to make A Personal Computer For Children Of All Ages ndash a thin portable computer highly dynamic device that weighed no more than two pounds The ideas led to the development of the Xerox Alto prototype which was originally called the interim Dynabook It embodied all the elements of a graphical user interface or GUI as early as 1972 The software component of this research was Smalltalk which went on to have a life of its own independent of the Dynabook concept Fri, 24 Oct 2014 11:00:23 +1000 AppSeed interactive prototypes from pen and paper sketches AppSeed lets you take your sketches and make them into functioning prototypes bridging the gap between pen paper and digital through computer vision It allows you to sketch your designs as you normally would and then manipulate your sketches directly on your phone Unlike similar products the use of computer vision speeds up the process and understands your sketches AppSeed can identify an enclosed space in your sketch allowing you to make it into a button input text map or another UI element Making your sketch into a functioning prototype running on your phone Thu, 23 Oct 2014 22:42:18 +1000 Describing social and material interactions through formal methods To some extent Formal Methods sit uneasily within interaction design Human beings are rich complex nuanced engaged in subtle and skilful social and material interactions reducing this to any sort of formal description seems at best simplistic And yet that is precisely what we have to do once we create any sort of digital system whether an iPhone or an elevator Angry Birds or Facebook software is embedded in our lives However much we design devices and products to meet users needs or enrich their experiences of life still the software inside is driven by the soulless precise and largely deterministic logic of code If you work with computers you necessarily work with formalism Formal Methods sit in this difficult nexus between logic and life precision and passion both highlighting the contradictions inherent in interaction design and offering tools and techniques to help understand and resolve them In fact anyone engaged in interaction design is likely to have used some kind of formal representation most commonly some sort of arrow and sketch diagram showing screens pages in an application and the movements between them While there are many more complex formal notations and methods these simple networks of screens and links demonstrate the essence of a formal representation Always some things are reduced or ignored the precise contents of screens whilst others are captured more faithfully the pattern of links between them This enables us to focus on certain aspects and understand or analyse those aspects using the representation itself for example notice that there are some very long interaction paths to quite critical screens Alan J Dix 2013 Dix Alan J 2013 Formal Methods In Soegaard Mads and Dam Rikke Friis eds The Encyclopedia of Human ndash Computer Interaction 2nd Ed Aarhus Denmark The Interaction Design Foundation Available online at https www interaction ndash design org encyclopedia formal methods html Thu, 23 Oct 2014 14:25:20 +1000 Less But Better Dieter Rams s Influence on Today s UI Design Design should not dominate things not dominate people it should help people Dieter Rams Gestalten Sun, 12 Oct 2014 12:03:40 +1000 Speculative Everything Design Fiction and Social Dreaming Today designers often focus on making technology easy to use sexy and consumable In Speculative Everything Anthony Dunne and Fiona Raby propose a kind of design that is used as a tool to create not only things but ideas For them design is a means of speculating about how things could be ndash to imagine possible futures This is not the usual sort of predicting or forecasting spotting trends and extrapolating these kinds of predictions have been proven wrong again and again Instead Dunne and Raby pose what if questions that are intended to open debate and discussion about the kind of future people want and do not want Speculative Everything offers a tour through an emerging cultural landscape of design ideas ideals and approaches Dunne and Raby cite examples from their own design and teaching and from other projects from fine art design architecture cinema and photography They also draw on futurology political theory the philosophy of technology and literary fiction They show us for example ideas for a solar kitchen restaurant a flypaper robotic clock a menstruation machine a cloud ndash seeding truck a phantom ndash limb sensation recorder and devices for food foraging that use the tools of synthetic biology Dunne and Raby contend that if we speculate more ndash about everything ndash reality will become more malleable The ideas freed by speculative design increase the odds of achieving desirable futures Anthony Dunne and Fiona Raby 2013 Sun, 05 Oct 2014 19:08:06 +1000