A directory of resources inthe field of technical communication.

Interaction Design

101-124 of 257 found. Page 5 of 11.

About this Site | Advanced Search | Localization | Site Maps

« PREVIOUS PAGE 1 2 3 4 5 6 7 8 9 10 11  NEXT PAGE »

Interaction Design is a field and approach to designing interactive experiences. These could be in any medium, not only digital media. Interactive experiences, necessarily, require time as an organizing principle (though not exclusively) and Interactive Design is concerned with a user, customer, audience, or participant's experience flow through time. Interactivity should not be confused with animation in which objects may move on a screen; interactivity is concerned with being part of the action of a system or performance and not merely watching the action passively.



Inspiration for Item Transitions

Some inspiration and ideas for item transitions considering different scenarios and use cases, including a small component, a full-width image header and a product image with a transparent background. State transitions are done using CSS Animations.

Lou, Mary. Codrops (2014). Design>Web Design>Interaction Design


Interaction Design

Interaction Design: Beyond Human-Computer Interaction is an explanation of the design of the current and next generation interactive technologies, such as the web, mobiles, wearables. These exciting new technologies bring additional challenges for designers and developers - challenges that require careful thought and a disciplined approach. Written for both students and practitioners from a broad range of backgrounds, this book addresses these challenges using a practical and refreshing approach. The text covers a wide range of issues, topics and paradigms that go beyond the traditional human-computer interaction (HCI).

Perlman, Gary. Interaction Design (2002). Resources>User Interface>Interaction Design>User Experience


Interaction Design Association Resource Library

The IxDA Resource Library is an annotated collection of content on all aspects of interaction design.

Interaction Design Association. Resources>User Interface>Interaction Design


Interaction Design Encyclopedia

An open-source encyclopedia of terms from the fields surrounding interaction design.

Interaction-Design.org (2006). Reference>Encyclopedias>Interaction Design


Interaction Design History in a Teeny Little Nutshell   (PDF)

Before computers, there wasn’t 'interaction design.' But most of the qualities we seek have been valued through the ages.

Rettig, Marc. MarcRettig.com (2003). Design>Web Design>Interaction Design>History


Interaction Design is Story Telling

Language is a unique communication system and fundamental to the survival of human beings. Story telling is a very old method to describe the facts, to spread knowledge, to share our experiences and feelings. A good story can be accepted and stored by our brain instantly, and leaving a long term effect on us. At the same time, it is also easy for people to understand and accept new facts and imagine similar scenarios as they happen in their own lives. In the following paragraph, let's examine why Interaction Design is story telling.

Jiang, Windy. uiGarden (2006). Design>Web Design>Interaction Design


Interaction Design Sessions

This article covers the design stage that marks the next step in the design process after site visits have been conducted and evaluated: It describes the process of successively deriving an interaction design from the data. The following article describes the creating of an interaction design - one of the most important steps involved in the creation of a user-oriented application system. This step is taken directly after the collection and analysis of data in working practice, gathered during site visits. The user interaction design is derived from this data successively.

Fuss, Margarete. SAP Design Guild (2002). Design>Information Design>Interaction Design>Web Design


Interaction Elasticity

Usage goes down as interaction costs increase. User motivation determines how fast demand drops, following an elasticity curve.

Nielsen, Jakob. Alertbox (2008). Articles>Usability>User Interface>Interaction Design


Interaction Modeling: User State-Trace Analysis

Interaction modeling is a good way to identify and locate usability issues with the use of a tool. Several methods exist. Modeling techniques are prescriptive in that they aim to capture what users will likely do, and not descriptive of what users actually did.

Queen, Matt. Boxes and Arrows (2006). Articles>Web Design>Usability>Interaction Design



A free, open-content, peer-reviewed Encyclopedia covering terms from the disciplines of Interaction Design, Human-Computer Interaction (HCI), Design, Human Factors, Usability, Information Architecture, and related fields.

Interaction-Design.org. Resources>Directories>Interaction Design


Interactions 08 in the Garden of Good and Evil

An interview with Dan Saffer, 2008 Conference Chair and IxDA Director. Dan discusses the context of the organization, how the conference emerged and formed, what the conference will be like, and how one might get a flavor even if attendance is not an option.

Baum, Chris. Boxes and Arrows (2008). Articles>Interviews>Interaction Design>User Experience


Interactive eBook Apps: The Reinvention of Reading and Interactivity

The invention of the tablet PC has created a new medium for book publishing. Interactive books are everywhere, and have revolutionized the way people consume the printed word. With the recent software available to allow easy creation of interactive books and with the race to bring these products to market, there seems to be a more and more dilution of quality and a loss for the meaning of interactivity. When publishers create new eBook titles or convert a traditional printed book to a digital interactive eBook, they often miss the added value this new medium can provide.

Itzkovitch, Avi. UX Magazine (2012). Articles>Publishing>eBooks>Interaction Design


Intro to jQuery 2

Starting off where we left off last time, we continue exploring the possibilities of jQuery. We revisit some of the old functions and make them do some smarter things. We explore a simple variable and an IF/ELSE statement. Then we look at the AJAX-y .load() function, the CSS function, and then finish off by writing out own custom function and going over how that layer of abstraction can help us keep our code clean. Semantics counts in JavaScript too!

Coyier, Chris. CSS Tricks (2008). Articles>Web Design>Interaction Design>Screencasts


Introducing Interaction Design

Well-designed interactive products allow people and technology to carry on a complex and elegant dance relying on multiple, simultaneous forms of communication. A new 12-part series will discuss the activity of interaction design as it relates to the Web, and the relative advantages and disadvantages of the Web as an interactive medium.

Baxley, Bob. Boxes and Arrows (2002). Design>Web Design>Interaction Design


Introduction to CSS3 Transitions

A good-looking application must provide user with visual feedback. User must always know that an order (a click, a tap or whatever) is well received and understood by the application and animations are a great tool to do so. The new HTML 5 specification (to be honest, I should say “the new CSS 3 specification”) introduces a great tool to handle simple animations: the transitions.

Catuhe, David. Eternal Coding (2011). Articles>Web Design>CSS>Interaction Design


An Introduction to Interaction Design   (PDF)

The ability to build interactions that support, enable, and improve communication is a valuable skill for help developers, Web-site designers, multimedia content developers, information-rich user interface designers--anyone who designs and develops information to be used online. This paper presents the basics of interaction design for information products and describes some basic underlying human factors and user-interface design principles.

Ames, Andrea L. STC Proceedings (2002). Design>Web Design>Interaction Design


Introduction to Interaction Design

I recently ran into a fellow STC member, Jennifer Square, in the elevator of a large company where I am contracting. We didn't have much time to catch up, so Jennifer e-mailed me later. Her e-mail signature contained an intriguing new job title: interaction designer. I had heard of interaction design but had never known anyone who actually did the work. I wondered what disciplines it encompassed. Was it just something that all good Web designers did anyway, unconsciously? How did it differ from information architecture? Did I do this in my job without realizing it? Was it something I could list on my résumé? In this column, I will define interaction design by comparing it to information architecture, a related field.

Leonard-Wilkinson, Theresa A. W-edge Design (2003). Careers>Web Design>Interaction Design


Introduction to jQuery

The popular JavaScript library jQuery is an amazing way to extend the design possibilities of your site beyond what CSS can do. But luckily, if you are already comfortable with CSS, you have a huge head start in jQuery! This is a very basic introduction to including jQuery on your web page and getting started writing a few functions.

Coyier, Chris. CSS Tricks (2008). Articles>Web Design>Interaction Design>Screen Captures


iPhone Is Not Easy to Use: A New Direction for UX Design

I live and breathe user experience design, and yet it took me two years to get myself the device referenced by almost every single presentation about user experience since 2007… Apple’s iPhone. My reasons were very specific and perhaps boring, but what is interesting is the perspective this wait has afforded me. Since it was released, the iPhone has grabbed an astonishing share of mobile Web traffic, been regarded as a “game-changer” in both the design and business worlds, and has even been referred to as the “Jesus Phone.” Now that I’ve owned one for two weeks I’ve developed a different perspective. The iPhone is surprisingly difficult to use, but it sure is fun! And that is why it’s a game-changer.

Beecher, Frederick. Johnny Holland (2009). Articles>Usability>Interaction Design>User Experience


IxD and SMEs Working Together

An SME is someone who has been trained and has worked in the area that is being targeted for the new application. At Autodesk, we have found that pairing SMEs with Interaction Designers is the most efficient and successful way of meeting user centered design goals.

Hooper, Ian. Designing the User Experience at Autodesk (2009). Articles>Collaboration>Interaction Design>SMEs


JavaScript 101, Part 1: The Basics

One of the primary aspects of effective web experiences is interactivity. Although most Flash developers will try to state otherwise, the reality of the fact is that the majority of non-standard interactivity, that is interactivity beyond what the broswer provides automatically, is driven by JavaScript. Over the last few years the acceptance of both standards and some new JavaScript technologies such as XMLHttpRequest, or AJAX to the masses, has opened up a whole new realm of possibilites that have helped to bring JavaScript back into the mainstream focus as an important and leading-edge technology. The purpose of this series of articles is to introduce newcomers to the concepts and fundamentals of JavaScript, so that you can begin to leverage the power of this technology in your own web projects.

Williams, Rob. Community MX (2006). Design>Web Design>Interaction Design>JavaScript


jQuery for Designers

Learn how easy it is to apply web interaction using jQuery.

Sharp, Remy. jQuery for Designers. Resources>Web Design>Interaction Design>Ajax


jQuery Part 3 – Image Title Plugin

This video focuses on taking an already existing idea and code and turning it into a jQuery plugin. In this case it helps keep our code as semantic as it can be, and with JavaScript off, degrades nicely. We cover the syntax of creating a plugin, show off the cool chain-ability of jQuery, and show how to make the plugin versatile and expandable.

Coyier, Chris. CSS Tricks (2009). Articles>Web Design>Interaction Design>Screencasts


jQuery Vertical Slide (Dropdown) Navigation

I have sometimes today to play around with jquery horizontal slide navigation (horizontal accordion navigation) (demo), I want to make it slide vertically, and here is what i have made.

Chazzuka (2008). Design>Web Design>Interaction Design>JavaScript


jQuery-Based Popout Ad: Part 1

Today I’d like to start an article series of three parts, the result of which will be a popout-style, jQuery-based box like the one pictured above, which I think strikes a nice balance on the obtrusion-scale.

Glazebrook, Rob L. CSSnewbie (2008). Articles>Web Design>Interaction Design>Ajax



Follow us on: TwitterFacebookRSSPost about us on: TwitterFacebookDeliciousRSSStumbleUpon