Scaling Your UX Strategy | blogs.hbr.org


 

In business today, “user experience” (or UX) has come to represent all of the qualities of a product or service that make it relevant or meaningful to an end-user — everything from its look and feel design to how it responds when users interact with it, to the way it fits into people’s daily lives. You even people talking about UX as the way in which a consumer connects to a business — all the touch-points from marketing to product development to distribution channels.

It’s the “new black,” to borrow from a fashion phrase — as well as a reference to its influence on profitability.

The value of UX as a corporate asset is no longer in question. Just look at the
$1 billion price tag paid by Facebook for Instagram, whose primary asset is not technology, but the best photo sharing UX in the business (and some of the best UX talent as well). Look at the recent Apple vs. Samsung judgment: 93% of the damages were related to design patents that define the iOS user experience. The growing appreciation of the value of UX is not restricted to consumer-facing tech companies, like Google with their new focus on unified design or Microsoft Windows 8 with its sleek new “Metro” design language. At frog, we hear the same things from executives in financial services, healthcare, and infrastructure. Companies like GE and Bloomberg are recruiting leading designers to build UX capabilities at a corporate level. We even hear it from our clients in the international market, such as regional telecommunications companies, who see a “unified user experience strategy” like Apple’s as a sign of status.

The recognition of UX’s importance seems to be slowly sinking into corporate culture the way “brand” did a decade ago. >>> Leer más “Scaling Your UX Strategy | blogs.hbr.org”

35 Excellent Wireframing Resources

By Cameron Chapman

Wireframing is an important part of the design process, one that shouldn’t be overlooked by even the most experienced designers. Wireframes can save development time by outlining exactly how a site should look and function, in a manner that can be shown to and approved by your clients.

But wireframing can be confusing, especially to new designers. What’s the right way to create a wireframe? Is there even a right way? Should I use pen and paper or software? Which software? How long should it take? All these questions and more are answered in the resources below.


By Cameron Chapman

Wireframing is an important part of the design process, one that shouldn’t be overlooked by even the most experienced designers. Wireframes can save development time by outlining exactly how a site should look and function, in a manner that can be shown to and approved by your clients.

But wireframing can be confusing, especially to new designers. What’s the right way to create a wireframe? Is there even a right way? Should I use pen and paper or software? Which software? How long should it take? All these questions and more are answered in the resources below.

Wireframing Articles

The articles featured here discuss wireframing and prototyping both from a theoretical and a practical point of view. If you have questions about how to wireframe or why you should, one of the links below will likely answer your questions.

My Five Commandments for Wireframing
A podcast and article from Boagworld on good practices for wireframing, including why you should wireframe and the benefits of paper wireframing.

Fivecommandments in 35 Excellent Wireframing Resources

Wireframes for the Wicked
Here’s a slideshow that talks about the purpose of wireframes and the different types of wireframes.

Wireframesforthewicked in 35 Excellent Wireframing Resources

Sometimes, the Best Wireframing Tool is a Pencil
A brief post on why wireframing with paper and a pencil sometimes works better than using computer-based tools.

Wireframingpencil in 35 Excellent Wireframing Resources

Why Sketching and Wireframing Ideas Strengthens Designs
This post from SpyreStudios covers why sketching and wireframing your ideas leads to the evolution of good designs.

Wireframingstrengthensdesigns in 35 Excellent Wireframing Resources Leer más “35 Excellent Wireframing Resources”

10 Terminal Commands That Will Boost Your Productivity

Back in May, Nettuts+ ran a great article entitled ”7 Simple and Useful Command-Line Tips”; this was a great article for getting started with using the command line. But there’s a lot more you can learn about using a shell, and I’ll take you to the next level in this tutorial!

Getting Started

If you’re running Mac OS X, or your favourite flavour Linux, you’re all set. Just fire up the terminal, and keep going. If you’re on Windows, well, the default command set isn’t quite what a bash shell is. If you want some power, check out Microsoft PowerShell; however, the commands below won’t necessarily work there. You can get a bash shell on Windows, though:

* Install Cygwim, a Linux-like environment for Windows.
* Install msysgit; depending on the options you choose when installing, you’ll get a Git Bash that should work will all these commands.
* Try Windows’ subsystem for Unix-based applications. Although I haven’t tried it myself, I understand you can get a Unix shell with it.

All right, let’s hop in!


10 Terminal Commands That Will Boost Your Productivity

Back in May, Nettuts+ ran a great article entitled ”7 Simple and Useful Command-Line Tips”; this was a great article for getting started with using the command line. But there’s a lot more you can learn about using a shell, and I’ll take you to the next level in this tutorial!


Getting Started

If you’re running Mac OS X, or your favourite flavour Linux, you’re all set. Just fire up the terminal, and keep going. If you’re on Windows, well, the default command set isn’t quite what a bash shell is. If you want some power, check out Microsoft PowerShell; however, the commands below won’t necessarily work there. You can get a bash shell on Windows, though:

  • Install Cygwim, a Linux-like environment for Windows.
  • Install msysgit; depending on the options you choose when installing, you’ll get a Git Bash that should work will all these commands.
  • Try Windows’ subsystem for Unix-based applications. Although I haven’t tried it myself, I understand you can get a Unix shell with it.

All right, let’s hop in! Leer más “10 Terminal Commands That Will Boost Your Productivity”

Gimp, la alternativa gratuita a Photoshop

Gimp es un programa de tratamiento fotográfico completamente gratuito, que aun así ofrece un rendimiento comparable al que es su gran competidor en el terreno del software privado: Photoshop.

¿Cuáles son los pasos para comenzar a disfrutar del programa del programa de código abierto Gimp? Simplemente hay que acceder a la página web del software y descargar gratuitamente el programa, disponible para Windows, Mac, Linux y Unix.


Gimp es un programa de tratamiento fotográfico completamente gratuito, que aun así ofrece un rendimiento comparable al que es su gran competidor en el terreno del software privado: Photoshop.

¿Cuáles son los pasos para comenzar a disfrutar del programa del programa de código abierto Gimp? Simplemente hay que acceder a la página web del software y descargar gratuitamente el programa, disponible para Windows, Mac, Linux y Unix. Leer más “Gimp, la alternativa gratuita a Photoshop”