Posts tagged with: design

The future of touch screens is in good hands

I stumbled upon this video about the possible future of touch screens by Chris Harrison from CMU and found it amazing. You can see him demonstrating their TouchTools and TapSense apps for tablets.

The device they put together is able to achieve something really cool: anticipating what a user wants to do next. By positioning their hand as if they were actually holding a physical object over the glass users get access to that same object except on screen. In fact, the smart screen recognises the grip unique to a product and its intended use.

While some of the examples shown may provide little real-world use, such as a camera or a mouse, this little experiment makes you think about all the possibilities associated with this type of technology.

What I find even more impressive though, is the precise recognition of different types of touch input such as fingertip or knuckle by the device. This opens up a lot of possibilities in terms of interface interactions, as a single button could output various results depending the nature of the touch and essentially triple the amount of possible actions on a given screen.
I can't think of a current app that would directly benefit from this, except for something like Knock maybe. And even then it's a long shot.
Nevertheless, it's going to be really interesting to explore new ways to interact with screens in the future.

Benefits of prototyping

As you may have noticed, these days it's not enough anymore if you only provide static mockups as a designer. People have come to expect more and rightfully so. Those people being a mix of developers, clients or stakeholders you end up working with at some point or another of a project.

With the emergence of new tools created specifically for interactive prototyping, another layer of complexity has been added to a designer's job. Last year alone, a handful of these were released trying to overtake Facebook's Origami/Quartz Composer reign. But with this new layer also comes a great opportunity to design and communicate more efficiently.
In this post I'll lay out the benefits of including prototypes into your workflow.

Why should you prototype?

Just because you haven't felt the need to build prototypes in the past that doesn't mean it can't improve the way you design right now. As with many things in life, it's never too late to get started. Lucky you!
Anyways, my short answer to this broad question would be something along the lines of: "Because it's not only useful but really fun!"
For the longer answer you can keep on reading.

Test early, test often

The main reason for me to jump into prototypes in the early stages of a project is to try out interactions and see if they make sense from a user perspective. Testing your app concept thoroughly in the early stages is invaluable. It allows you to discover possible shortcomings or issues you haven't even thought of before.
As strange as it may sound, the more mistakes you make at this point, the better. Your prototype is nothing more than a disposable sketch anyway.

Iterate, iterate, iterate

Building on the previous step, identifying a problem allows you to revise your design decisions in order to find something that might be more suitable for the issue at hand. After all it's just another canvas for you to play on. Again, your prototype is nothing more than a digital sketchbook and you should treat it that way. It's in your best interest explore several options before going ahead with the final design. Who knows what great solution you may end up with after some tinkering?

I've found myself literally just playing around with different ideas on the fly, just because ideas could be discarded guilt-free and that felt pretty good. In fact, this is where I encourage you to go over the top with your designs because once the project goes into production, nobody will want you to try out an alternative way to implement that navigation drawer. Trust me.

Communicate with your team

Whenever a developer asks “What happens if you tap here?” pointing at your wireframes, you can simply pull out your prototype and walk him through the interactions of the app. This saves everyone time and your developer will be able to understand exactly what you mean. No more guessing or misunderstandings because initial instructions were too vague. No confusion = good.

Lastly, keep in mind that a prototype can and should generate spontaneous feedback from your team. Since it's not the finished product, I've found that people are more inclined to critique a prototype as only little time was spent creating it in the first place.

Hopefully this made you want to get started with your own interactive prototypes. In another post I'll write about the current tools we have at our disposal and why I prefer one over the others.

Create great case studies with Semplice

With the recent release of Semplice, there is no more excuse to put your portfolio on the back burner. This beautifully crafted framework is integrated into the WordPress backend and allows for lots of custom options. In fact, this is not your regular theme as you'll find yourself starting with a completely blank slate. You shouldn't let this intimidate you though.
While coding skills are not required thanks to a well thought out WYSIWYG interface, you can push things further and add your own lines of code into the mix if you feel like it.
Semplice really shines when it comes to creating individual case studies for each of your projects. You can choose different layouts, colour schemes, hover states and menu appearances to truly immerse visitors in your work.

Unlike other portfolio services such as Squarespace, Dunked or Cargo, you don't have to pay a monthly fee to maintain it. For a one-time fee of $89 you'll be able to install it on your own hosted Wordpress site.
This highlights another major difference which sets it apart from the competition: Semplice allows you to keep the code of your website forever. Yes, that's right.

The only downside so far seems to be the support which is limited to a FAQ section including a handful of video tutorials to get you going. Since the project launched only recently, I would expect it to grow with customer feedback. If you're curious or want to get a glimpse of what you can do with this builder, you might want to take a look at the showcase of portfolios running on Semplice.