background preloader

The Next Generation of Mobile Interaction Design

20 Handy Wireframe Tools Designed for Designers and Project Managers  digg As website designer when we work as freelancer, client satisfaction is much important when we got Job Description and start work as professional designer and things on high day by day when client ask about ideas before any implementation with creativity and imagination, statistic that vision creates prospects in the playing field of promotion, wireframing and prototyping remain certainly in the list of useful wireframe tools. Wireframe techniques make easier to connect ideas for reduce time and cost and allow greater straight usability and functionality testing afore implementation. We must download free wireframe tools and present best ideas then put live to get user feedback. Balsamiq Mockups Balsamiq Mockups is an Adobe Air application, so it runs on Mac, Windows and Linux. FlairBuilder FlairBuilder is another one of the Adobe Air applications which you can run it on any platform you like. Mockingbird HotGloo WireframeSketcher Pencil Cacoo Axure SimpleDiagrams Omnigraffle Pidoco Lumzy iRise

The Principles of UX Choreography Before I became a UX designer, I thought I wanted to be a title sequence designer. I took a course at Carnegie Mellon taught by Dan Boyarski called Time, Motion, and Communication. It was all about kinetic typography, rhythm, color, and movement. Dan used to describe every element on screen as if it were an actor on a stage — a character that we were directing, giving it behavior and personality. “You are responsible for directing each element’s entrance, performance, and exit.” We would constantly revisit this sequence, giving reason to why a character was there and what its role was. Fast forward to a few years later: I’ve created hundreds of wireframes and thousands of annotations that describe how things work and fit together. The more wireframes I made, the more I started to realize that everything I had once learned about motion design was completely relevant to our roles as UX and visual designers. Disney & UX The 5 Principles of UX Choreography Feedback Feedforward Spatial Awareness

rubymotion/teacup Balsamiq Design from iOS to Android (and Back Again) - Articles - Google Design A practical guide to designing across platforms Designing and developing between platforms is a lot like traveling through different countries. You go through the same motions — sleeping, eating, sightseeing, regardless of where you are — but the customs of the country you’re visiting dictate how you go about doing them. In some countries, it’s ok to push people into the train, or eat a burger with a knife and fork. Similarly, if you developed your product first for iOS, you shouldn’t simply expect that you can port it into Android without issue, because your app will feel lost in translation. It’s important to understand the idioms and behaviors of each platform before you start design and development. It’s important to understand the idioms and behaviors of each platform before you start design and development. Get acquainted with material design Surfaces & depth Interaction & motion Material design places a lot of emphasis on user-initiated motion and touch response. Layout grid Gestures

rubymotion/sugarcube iRise | Requirements Visualization, Definition and Management - Beyond Prototyping Software, Wireframe Tools and Mockups Design user research explained for everyone with animated gifs The most relevant source of inspiration and considerations when designing things are people. This inspiration can be deeper than understanding what people do, why they do it and what they say they need; it is ultimately about understanding what they truly value. Building empathy with the users can be inspirational and help define the overall experience. Have a conversation, don’t interview There are numerous books and articles out there explaining how to do interviews, observations, surveys and etc; the user research does not have to be that complicated. Uncover the values not the needs The challenge for designers is not only to understand what people see, feel, and experience but to uncover what they value. “I need to see what happens to my info after I click on Submit” The user values Transparency Meet extreme users, avoid average ones Instead of going out and talking to 30 people, you can select a handful of people and have a deeper conversations with them. Tell me about yourself?

Related: