Not Signed-In
Which clippings match 'Design For The Screen' keyword pg.1 of 4
24 APRIL 2013

Navimation: Exploring Time, Space & Motion in the Design of Screen Based Interfaces

"Interface design has often been considered a subsection of interaction design (Moggridge, 2007; Löwgren & Stolterman, 2004; Bagnara & Crampton Smith, 2006). In the shift from designing objects to designing experiences, interaction design needs to investigate temporal as well as spatial form (Redström, 2001; Mazé & Redström, 2005), and to see computation as basic material.

From a social, cultural and humanistic perspective, studies of the design of interactions and their contexts of use can be understood in terms of mediated communication and the historical, social, playful and aesthetic in digital design (Blythe, Overbeeke, Monk, & Wright, 2003; Lunenfeld, 1999). This approach has been framed as Communication Design (Morrison et al., in press). This mediational perspective of digital communication is informed by studies in new media, social semiotics, socio-cultural studies of learning and work, and practice-based research into multimodal composition in which mediated discourse itself undergoes change through active use (Jones & Norris, 2005; Morrison, in press). This view is distinct from the structuralist and directional or 'transmission' models of communication (e.g., Crilly, Maier, & Clarkson, 2008) that are not rooted in cultural and mediational theory. From a Communication Design perspective, the interface itself mediates; it is understood as socially and culturally constructed and situated. Such a perspective is not very widely articulated in discussions of the interface in design research. Further, few studies exist of dynamic, digital interfaces and their multimodal characteristics from a specifically media and Communication Design view (e.g., Skjulstad, 2007).

In their design activity, interaction designers invest heavily in the shaping of interfaces as symbolic and cultural texts. Alongside this attention to design, and with reference to user-driven studies, we also need to unpack the features and possible functions of these emerging forms of mediated communication. The proliferation of 'movement in the interface' demands that we pay attention to a variety of media types, genre conventions and earlier media, and to the ways that elements of these are combined in different configurations. Social semiotics provides some means for relating the various graphical, animational and kinetic aspects of dynamic interfaces within a wider communicative perspective.3"

(Jon Olav H. Eikenes and Andrew Morrison, 2010)

Jon Olav H. Eikenes and Andrew Morrison (2010). "Navimation: Exploring Time, Space & Motion in the Design of Screen-based Interfaces", International Journal of Design Vol 4, No 1.

1

TAGS

2010aesthetic experience • Andrew Monk • Andrew Morrison • animational communication • Anja Maier • Bill Moggridge • communication design • computation as material • cultural perspective • cultural texts • design for the screendesign research • designing experiences • designing objectsdigital communicationdigital design • dynamic digital interfaces • dynamic interfacesemerging digital media • emerging forms • Erik Stolterman • funology • genre conventions • Gillian Crampton Smith • graphical communication • humanistic perspective • interaction designinterface designInternational Journal of Design • Johan Redstrom • Jonas Lowgren • Kees Overbeeke • kinetic bodily logos • Mark Blythe • material thinking • media and communication design • media as material objects • mediated communication • mediated discourse • mediated interaction • mediational perspective • mediational theory • movement in the interface • multimodal characteristics • multimodal composition • multimodal user interfaces • Nathan Crilly • navimation • new media • P John Clarkson • Peter Lunenfeld • Peter Wrigh • playfulnesspractice-based research • Ramia Maze • Rodney Jones • screen-based interface • Sebastiano Bagnara • Sigrid Norris • situated perspective • social perspective • social semiotics • socio-cultural studies of learning • spatial form • spatial ordersymbolic meaning • Synne Skjulstad • temporal form • transmission model of communicationuser-driven

CONTRIBUTOR

Simon Perkins
16 MARCH 2013

Jesse Desjardins' You Suck At PowerPoint!

Uploaded via SlideShare as Adobe PDF

1
2

TAGS

audienceclarityclear communicationclearly defined meaningcommunication design • Compfight • consistencydelivery methoddesign for the screendesign of communicationeffective communicationgetting it right • great design • how to do thingsinconsistencyinformation overloadinstructional materials • iStockPhoto • Jesse Desjardins • meaningful visualisations • mistakes to avoid • Powerpointprecise language • preparation • presentation design • senseless data • slides • SlideShareunderstandingusing creativityvisual communicationvisual literacy • visual vomit • visually interesting • whitespace

CONTRIBUTOR

Simon Perkins
11 MAY 2012

Luke Wroblewski on: Multi-device Layout Patterns

"Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts."

(Luke Wroblewski, 14 March 2012, via Christopher Allwood)

1

TAGS

adapt to screen sizes • adaptable multi-device layout • adaptive layoutBBC • column • column drop • columnscommunication design • design for large screen • design for mobile • design for the screendesign innovationFacebook • Five Simple Steps • fluid grids • Food Sense (website) • Googlegrid systemgrid systemsHCI • image layout • information architectureinteraction designinterface designlayout • layout adjustments • layout design • layout patterns • layout shifter • layouts • Luke Wroblewski • margins • media query adjustments • mobile design • Modernizr • mostly fluid • multi device • multi-column layout • multi-device • multi-device adaptation • multi-device layout patterns • multiple screen sizes • NUI • off canvas • optimised for mobilepage layout • page layout pattern • Path (app) • responsive design • responsive design layout patterns • responsive web design • screen size • screen sizesscreen space • single column layout • small screen • small screen sizes • small screens • stacking • stacking columns • The Boston Globe • tiny tweaks • Trent Walton • UIusabilityvisual communicationvisual screen designweb design • web page layouts • web pageswebsite

CONTRIBUTOR

Simon Perkins
11 MARCH 2012

Off Book: the art of Animated GIFs

"GIFs are one of the oldest image formats used on the web. Throughout their history, they have served a huge variety of purposes, from functional to entertainment. Now, 25 years after the first GIF was created, they are experiencing an explosion of interest and innovation that is pushing them into the terrain of art. In this episode of Off Book, we chart their history, explore the hotbed of GIF creativity on Tumblr, and talk to two teams of GIF artists who are evolving the form into powerful new visual experiences."

(PBS Arts: Off Book, 7th Mar 2012)

1

TAGS

8-bitaestheticsanimated gifanimation • art on screens • Bill Cunningham • creative practice • cutting-edge arts • design for the screendesign historydigital cultureevolving formFlag of the United States of AmericaGIFGIF artists • GIF creativity • GIF-makers • glitch art • Graphics Interchange Format • hybrid form • hybrid medium • image format • isolated movement • Jamie BeckKevin Burg • Matthew Rader • media artmememotion graphicsmotion photographmovement • multi-image • new mediaOff Book • Pamela Reed • Patrick Davison • patternPBSremediationrepetitionsequence designTumblrTV seriesunder constructionvisual communicationvisual experiencevisual literacyweb • web show

CONTRIBUTOR

Simon Perkins
25 FEBRUARY 2012

beetle.de: dramatic presentation through vertical scrolling navigation

"there's a new Bug and a great new website - with many of the same good points as before. First see the website, where they're aren't any navigational hints at all, 'Jetzt scrollen!' The smallest touch brings out full top navigation, which can reveal the evolution of the 1941 Beetle to the powerful 21c options.

With sweet social media hooks and video sprinkled throughout the scrolling experience, you'll likely be as engulfed and overwhelmed as we were"

(Nanther Thangarajah, 11 October 2011, Brand Thinking)

1

TAGS

2011adadvertisementcardesign for the screenFWAgraphic representationinspirational workinteractive • Jetzt scrollen! • layoutnavigation • navigational hints • page layoutscroll • scrolling • scrolling experience • social media hooks • timeline • vertical navigation • vertical scroll • vertical timelinevisual communicationvisualisationVolkswagen • Volkswagen Beetle • VW Bug • web designwebsite

CONTRIBUTOR

Simon Perkins
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.