Hacker News new | ask | show | jobs
by seanmcdirmid 4373 days ago
Right, but visual and interaction design are different activities with different outputs. An interaction design language is more about patterns of flows while visual design language is about style and metaphor. Contort them at your own peril.
2 comments
notduncansmith 4373 days ago
Style and metaphor are integral parts of interaction design. When a user clicks a button to dismiss a dialog, what should happen?

If the experience you're trying to create (in line with the brand) is more playful, then maybe the modal should bounce out of view. If it's a very serious corporate app that people are just using because they have to, then the modal should either quickly fade, or just immediately disappear. One would be inclined to call this "style".

What about when a user is asked to input a date and time? There are two visual metaphors that come to mind: a calendar and a clock. The interaction designer has a few choices here. Date + number picker, date + clock (cool metaphor for selecting a time, but a non-standard UI pattern that could confuse people). This is an interaction design problem, not a visual design problem.

Perhaps you're referring to style and metaphor as the color of buttons and the background texture of panels. That I would say generally falls more into the realm of visual design; however, colors of buttons convey different semantic information, which affects how people interact with your app.

link
judk 4373 days ago
> the experience you're trying to create (in line with the brand)

Everything wrong with design, in one line."Function follows form" at ts worst.

link
pirateking 4373 days ago
I naturally see the visual language as an output and the interaction language as an input, both interfacing with the holistic design space that I am trying to explore across the design process. They are not two discrete activities, but two forms of participation in a singular activity, with a design of the thing as a single output. I have taken this approach to designing things for a long time now, with no great peril beyond philosophical curiosities such as this.
link
seanmcdirmid 4373 days ago
Could you please point out a platform that provides an interaction design language in addition to the standard visual design language? Interaction design is very application specific, and I'm not sure how much can be guided at the platform level.
link
magicalist 4373 days ago
Like [1] or [2]? Maybe I'm misunderstanding what you're asking for, but it's not uncommon to provide interaction guidelines...

[1] http://www.google.com/design/spec/animation/responsive-inter...

[2] https://developer.apple.com/library/ios/documentation/UserEx...

edit: oh, maybe by "patterns of flows" you mean the user's flow through an application, as opposed to individual interactions? That's seems less often addressed, but it is still out there: [3]

[3] https://developer.apple.com/library/ios/documentation/UserEx...

link