background preloader

Trends in interactive design 2013

Trends in interactive design 2013

Text Opening Sequence with CSS Animations A simple and fun text opening sequence effect with blurry letters using CSS animations. View demo Download source Today I want to show you how to create a fun little typography effect with CSS animations and text shadows. Maybe you know those eerie opening sequences of movie trailers where some text is being faded in on a dark background. The idea is to blur text and make it appear with a rotation while animating the space between the letters. So, let’s do it. Please note: this is highly experimental and only works as intended in browsers that support the respective CSS properties. The idea is to have a couple of sentences fade in with the aforementioned effect, so we’ll want to wrap every appearing bit into an h2: <div class="os-phrases"><h2>Sometimes it's better</h2><h2>to hide</h2><h2>in order to</h2><h2>survive evil</h2><h2>Thanatos</h2><h2>This fall</h2><h2>Prepare</h2><h2>Refresh to replay</h2></div> This will created the following insane structure: Let’s add some space between words:

You Can Reach Into This Monitor And Touch The Interface Gesture controls, like Leap Motion, could bring a slew of new control paradigms to desktop computing. But will any of us want to wave our hands in the air all day long? Probably not. That’s the premise behind SpaceTop, developed at MIT Media Lab by Jinha Lee (who you know from this and this) with Alex Olwal, Hiroshi Ishii, and Cati Boulanger. That unto itself is pretty neat, but in its latest update, the project has a fantastic new trick. “We wanted people to benefit from lazy, low-effort computer interaction experience--and the expressive, 3-D interaction,” Lee explains. The fact of the matter is, some gestures just feel better in 2-D. “I don’t believe 3-D is the future. See more here.

What Do Business People Really Think About Market Research? A Client-Side Perspective. By Neal Cole of Myth buster Blog What’s the most frustrating aspect of working as a client-side researcher? Some recent posts on Twitter #mrx suggest that research agencies may be the culprit. Well, we all have our bad days. First of all there were the general misconceptions about research: Market research is just about asking people direct questions.We should run some focus groups because that’s what we usually do.You have to follow up qualitative research with a quantitative study.Why would we want to ask people what they want? Then there were the various reasons why we should not conduct research: We haven’t got time to do any research because it takes too long to conduct and we didn’t include it in the project plan.Research takes too long to complete. And helpful suggestions about how to design or conduct research: Why can’t we do all our own research using online surveys? Then there were the reasons for doing research: And it didn’t always go swimmingly when results were presented back:

Persuasive Psychology for Interactive Design Aloha Editor - HTML5 WYSIWYG Editor Newspaper Layouts with CSS Columns Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt, erat nec venenatis pellentesque, quam dolor mattis ante, eget dictum elit ipsum. Nam vehicula porta magna non eleifend. Nunc tempor orci a justo ornare interdum. Maecenas sed elit quis elit tincidunt consectetur ut nec. Fusce ultrices tempus aliquam. Sed mattis quam a nulla congue mattis malesuada diam lacinia. Ut cursus ultrices ante, eu mollis mi rhoncus non. Nulla facilisi. Sed auctor suscipit risus, eu luctus magna porta id. Sed eget odio a orci pulvinar consequat et ac sapien. Donec mattis arcu vitae enim tristique suscipit.

Learn The Purpose Of Calls Before Picking Up [Video] SayWhat essentially combines SMS with phone calls to allow users to state the intention of the call before dialing. It’s also a useful tool for users to know why the purpose of the call before picking up the phone. The app is straightforward and has a simple interface. Before placing a call, you simply select “the agenda of the call” such as ‘casual,’ ‘work,’ ‘love,’ and ‘pleasure.’ You can also insert various emoticons and add personalized text. When you place the call, the person will be able to see the short message simultaneously. Noam Wolf, CEO of SayWhat explains that: The SayWhat app adds a completely new dimension for the recipient. The app is currently available on Android devices, and hopes to launch on other OS devices in the future. SayWhat

From Wayfinding to Interaction Design — Design/UX Before joining IDEO as an Interaction Designer, I worked for one of the more influential wayfinding design companies — Applied Information Group (now called Applied). Wayfinding is the process of planning and making journeys through spaces; wayfinding design companies develop systems to help make this planning and journey-making easier. These systems come in all shapes and sizes, and can cover area naming, signage design, cartography, defining route networks and installing new landmarks to give an area more character. At Applied Information Group we worked on everything from simple internal building systems for hospitals to complex city-wide, multi-modal schemes that encompassed every mode of transport that the city offered. While I won’t go through all of the principles in this article, there are a few I’ve found to be useful in my move from wayfinding design to interaction design. 1. 2. 3. When you're designing information for a transit authority, your potential audience is everyone.

70 Beautiful Free PSD UI Kits of 2013! Best Graphic Items In this collection, we are introduction some beautiful and useful free PSD UI Kits that you can download for free. So, you can design visually interactive and appealing user interfaces with our awesome free kits. All these kits are available in PSD format for easy modification. With these mobile user interface kits, designers can enhance their creations and make their mobile user interfaces look more interesting and appealing. These UI kits suitable for mobile applications, custom website designs, software programs. UI KIT remake Get this Kits Fabric UI Kit Get this Kits Web GUI Kit Get this Kits Layered Facebook GUI PSD Kit Get this Kits Classic Grey Web UI Get this Kits Dark Grey iTunes UI Get this Kits Yellow Web UI Elements Kit Get this Kits Solid UI Kit Get this Kits Shiny UI Kit Get this Kits Lion OSX UI Kit Get this Kits iPad GUI PSD Get this Kits Tron UI Set Get this Kits Android Get this Kits Midnight UI Kit PSD Get this Kits The first experience Get this Kits Exclusive Stylish User Interface Kit (PSD)

transparent smartphone and USB stick by polytron feb 18, 2013 transparent smartphone and USB stick by polytron ‘transparent smartphone’ by polytronimage courtesy mobilegeeks taiwanese group polytron have introduced their latest glass innovation – working in conjunction with a fully ‘transparent smartphone’. as the demonstration is purely seen in its prototyped form – the technology showcases the possibilities of the application. at the moment, the components within the device are completely functional, with the exclusion of an operating system – as its main goal is showcase the early stages of hardware integration. the current transparent smartphone integrates the use of two small batteries to power the various electronics, an LED screen, camera, speaker and a microphone. electronic wiring seen through transparent smartphone enclosureimage courtesy mobilegeeks thickness detailimage courtesy mobilegeeks transparent smartphone by polytronvideo courtesy minipcpro transparent smartphone by polytronvideo courtesy minipcpro via mobile geeks

El «yo cuantificado», una nueva forma de entender la vida como algo digital El movimiento del Yo cuantificado (Quantified Self) lleva dando vueltas varios años, desde que Gary Wolf y Kevin Kelly lo popularizaran en la revista Wired en 2007 y en una charla TED un poco después. A estas alturas nadie dudaría en afirmar que es una de las tendencias más interesantes sobre el impacto de la tecnología en nuestras vidas cotidianas, un pequeño adelanto del ansiado ¡vivo en el futuro!. El yo cuantificado comenzó siendo un pasatiempo, luego una moda y finalmente un hábito de muchos entusiastas de la tecnología. Actualmente cada vez son más las personas que cuantifican su vida recopilando información sobre sus hábitos cotidianos mediante el uso de gadgets y herramientas específicas, de las que ya se han catalogado más de 500. Algunos lo hacen por cuestiones de salud, otros para perder peso, otros simplemente por curiosidad. Un día cuantificado cualquiera Un futuro lleno de posibilidades También pueden seguir el blog de

Related: