14 5 / 2014

squirrelsllc:

Barry Briggs, user experience consultant, featured Reflector on his UX Blog earlier this month.

In three separate mobile usability tests, Briggs used Reflector for iOS screen mirroring to send video to his Mac.

He incorporated other software for added functionality:

Thanks for the mention, squirrelsllc :)

01 5 / 2014

Mobile Usability Testing
I’ve been doing some investigation into various combinations of simple, lightweight guerrilla mobile device testing hardware & software, listing their pros and cons.
I have also tried various pieces of iOS software that do this (including UX Recorder and Magi Test) but on my iPhone5 the experience of browsing a website while running recording software in the background was incredibly laggy and damaged the browsing experience sufficiently to invalidate the test.
The below methods, while not ideal, show that by combining a few pieces of technology together it is possible to come up with a solution which is unobtrusive to users, while providing footage that is of a high enough quality to serve as a client deliverable.
I ran the tests sequentially, adding additional hardware or software to the solution as I identified gaps in the footage.
It’s not perfect, but I think it is good enough.
Test 1: Using Reflector to record the phone’s screen
Test recording using the Reflector app for iOS device screen mirroring, while using the Bellroy website.
http://youtu.be/C48GSYSCRsk

Conclusions:
Video footage is of high quality with little lag
Video footage does not indicate where user is tapping on the screen
Video footage does not capture user’s face, hands or voice
Test 2: Using Silverback and Reflector to record the phone’s screen and the user’s face & voice
Test recording using the Reflector app for iOS device screen mirroring to send video to the Mac desktop, while using Silverback to capture the desktop, incorporating iSight audio and video, while using the Amaze website.
http://youtu.be/WUsGMURlp6M

Conclusions:
Video footage is of high quality with little lag
Video footage does not indicate where user is tapping on the screen
Video footage captures user’s face and voice
Video footage does not capture user’s hands or voice
Test 3: Using Silverback and Reflector to record the phone’s screen and the user’s face & voice, and a webcam to record the user’s interactions
Test recording using the Reflector app for iOS device screen mirroring to send video to the Mac desktop, while using Silverback to capture the desktop, incorporating iSight audio and video, and a device-mounted webcam to capture the user’s hands and screen interactions, while using the Bellroy website. The device-mounted webcam is a basic usb webcam attached to an iPhone car caddy which transmits video to the Mac. The Photo Booth app is then used to display video on the screen for Silverback to capture.
http://youtu.be/W9B3dPZXKso

Conclusions:
Video footage is of high quality with little lag
Video footage does not indicate where user is tapping on the screen
Video footage captures user’s face, voice and hands
Video footage of hands is backwards (this is due to the webcam and missing Mac drivers)
Links for reference:
Reflector - Wirelessly mirror your iPad, iPhone or iPod Touch screen to any Mac or PC. - $12.99 http://www.airsquirrels.com/reflector/
Silverback - Guerrilla usability testing software for designers and developers (Mac only) - $69.95 http://silverbackapp.com
Thanks to psychologyfordesigners for the Reflector tipoff, and Rob Whiting (@whitingx) and Chris Bush (@suthen) for other advice and tips.

Mobile Usability Testing

I’ve been doing some investigation into various combinations of simple, lightweight guerrilla mobile device testing hardware & software, listing their pros and cons.

I have also tried various pieces of iOS software that do this (including UX Recorder and Magi Test) but on my iPhone5 the experience of browsing a website while running recording software in the background was incredibly laggy and damaged the browsing experience sufficiently to invalidate the test.

The below methods, while not ideal, show that by combining a few pieces of technology together it is possible to come up with a solution which is unobtrusive to users, while providing footage that is of a high enough quality to serve as a client deliverable.

I ran the tests sequentially, adding additional hardware or software to the solution as I identified gaps in the footage.

It’s not perfect, but I think it is good enough.


Test 1: Using Reflector to record the phone’s screen

Test recording using the Reflector app for iOS device screen mirroring, while using the Bellroy website.

http://youtu.be/C48GSYSCRsk

Conclusions:

  1. Video footage is of high quality with little lag
  2. Video footage does not indicate where user is tapping on the screen
  3. Video footage does not capture user’s face, hands or voice

Test 2: Using Silverback and Reflector to record the phone’s screen and the user’s face & voice

Test recording using the Reflector app for iOS device screen mirroring to send video to the Mac desktop, while using Silverback to capture the desktop, incorporating iSight audio and video, while using the Amaze website.

http://youtu.be/WUsGMURlp6M

Conclusions:

  1. Video footage is of high quality with little lag
  2. Video footage does not indicate where user is tapping on the screen
  3. Video footage captures user’s face and voice
  4. Video footage does not capture user’s hands or voice

Test 3: Using Silverback and Reflector to record the phone’s screen and the user’s face & voice, and a webcam to record the user’s interactions

Test recording using the Reflector app for iOS device screen mirroring to send video to the Mac desktop, while using Silverback to capture the desktop, incorporating iSight audio and video, and a device-mounted webcam to capture the user’s hands and screen interactions, while using the Bellroy website. The device-mounted webcam is a basic usb webcam attached to an iPhone car caddy which transmits video to the Mac. The Photo Booth app is then used to display video on the screen for Silverback to capture.

http://youtu.be/W9B3dPZXKso

Conclusions:

  1. Video footage is of high quality with little lag
  2. Video footage does not indicate where user is tapping on the screen
  3. Video footage captures user’s face, voice and hands
  4. Video footage of hands is backwards (this is due to the webcam and missing Mac drivers)

Links for reference:

Reflector - Wirelessly mirror your iPad, iPhone or iPod Touch screen to any Mac or PC. - $12.99 http://www.airsquirrels.com/reflector/

Silverback - Guerrilla usability testing software for designers and developers (Mac only) - $69.95 http://silverbackapp.com


Thanks to psychologyfordesigners for the Reflector tipoff, and Rob Whiting (@whitingx) and Chris Bush (@suthen) for other advice and tips.

30 4 / 2014

littlebigdetails:

Amazon - Uses faux 3D animations to guide the user to view the back and internal book details.

littlebigdetails:

Amazon - Uses faux 3D animations to guide the user to view the back and internal book details.

25 4 / 2014

Great way of presenting findings from a UX Research piece, from Manchester Metropolitan Uni student Matt Harney

24 4 / 2014

"Social media doesn’t fix anything. It just amplifies things. If your restaurant sucks, it just sucks harder in social media. It doesn’t make your chicken fingers taste better or your beer taste bolder. Social media is not a good place to go if you’re terrible at what you do."

Scott Stratton
@unmarketing (via thehipperelement)

23 4 / 2014

uxtraining:

By Colman Walsh

image

We’re delighted to announce our first training course in Manchester. It takes place in the stellar Museum of Science and Industry on May 6-7, 2014.

We love Manchester. It bristles with character and charm. And it has an exciting tech and design scene. Hope to see you while we’re there.

For more details, see UXTraining Manchester

—-

UXTraining is Europe’s only dedicated provider of user experience training courses. Find out more about us.

These guys should drop @nuxuk a note on Twitter. We might be able to help PR the event…

23 4 / 2014

uxtraining:

By Colman Walsh

image

During our training events, we always get a great response when we show attendees how to test a mobile app - wirelessly - using Reflector.

Read More

01 4 / 2014

jerrylieveld:

Katerina Kamprani appropriately named this project “The Uncomfortable”. She took some every day life objects and turned them into strange unusable things. bit.ly/1fLiCt0

Curated by User Experience - UX - Mobile - Design - Jerry Lieveld

01 4 / 2014

The guide to effectively A/B test your email creative
http://thenextweb.com/dd/2014/03/31/ab-test-email-creative/

The guide to effectively A/B test your email creative

http://thenextweb.com/dd/2014/03/31/ab-test-email-creative/

31 3 / 2014

The following is a list of UX techniques, tools and resources which I collated for a series of UX workshops I ran at the Future Everything event in Manchester Town Hall on 31st March 2014.

The list is intended to act as a kickstarter (not THAT kind of kickstarter) to those new to the world of User Experience. It’s not an exhaustive list, and there’s probably some glaring omissions, but hopefully it will be useful for people.

Feel free to share 

1) User research tools & techniques


2) Designing/prototyping tools & techniques


3) Usability Test & Validation tools & techniques


Other useful resources:

25 3 / 2014

Presentation from last year’s #CampDigital discussing the accessibility features of iOS, and the implications for responsive design.

27 2 / 2014

Make Sense: Information Architecture for Everybody
http://www.slideshare.net/AbbyCovert/make-sense-information-architecture-for-everybody

Why is it so hard to make things make sense when making something for others? In a world where everything is getting more complex and we are all overwhelmed by the amount of information we encounter daily, there is a growing understanding of the tools and processes that are used to make sense of complex subjects and situations. These tools aren’t hard to learn or even tough to implement but they are also not part of many people’s education.
Information Architecture is a practice of making sense. A set of principles, lessons and tools to help anyone make sense of any thing. Whether you are - a student or professional, a designer, technologist or small business owner, an intern or executive - learn how information architecture can help you make sense of your next endeavor.
This talk premiered at Pratt on Feb 24, 2014.

http://www.slideshare.net/AbbyCovert/make-sense-information-architecture-for-everybody

Make Sense: Information Architecture for Everybody

http://www.slideshare.net/AbbyCovert/make-sense-information-architecture-for-everybody

Why is it so hard to make things make sense when making something for others? In a world where everything is getting more complex and we are all overwhelmed by the amount of information we encounter daily, there is a growing understanding of the tools and processes that are used to make sense of complex subjects and situations. These tools aren’t hard to learn or even tough to implement but they are also not part of many people’s education.

Information Architecture is a practice of making sense. A set of principles, lessons and tools to help anyone make sense of any thing. Whether you are - a student or professional, a designer, technologist or small business owner, an intern or executive - learn how information architecture can help you make sense of your next endeavor.

This talk premiered at Pratt on Feb 24, 2014.

http://www.slideshare.net/AbbyCovert/make-sense-information-architecture-for-everybody

20 1 / 2014

An E-Commerce Study: Guidelines For Better Navigation And Categories
Great set of insights regarding dos and donts of ecommerce sites from Smashing Magazine.
http://uxdesign.smashingmagazine.com/2013/11/11/guidelines-navigation-categories-ecommerce-study/

An E-Commerce Study: Guidelines For Better Navigation And Categories

Great set of insights regarding dos and donts of ecommerce sites from Smashing Magazine.

http://uxdesign.smashingmagazine.com/2013/11/11/guidelines-navigation-categories-ecommerce-study/

14 1 / 2014

Which ecommerce sites are getting it right?
Here’s 21 of the best, from Econsultancy
http://econsultancy.com/blog/64118-which-ecommerce-sites-are-getting-it-right-here-s-21-of-the-best

Which ecommerce sites are getting it right?

Here’s 21 of the best, from Econsultancy

http://econsultancy.com/blog/64118-which-ecommerce-sites-are-getting-it-right-here-s-21-of-the-best

04 11 / 2013

The Power of Yes – NUX2
http://ccollingridge.wordpress.com/2013/11/04/the-power-of-yes-nux2/ This is a lovely bit of insight into how #NUX2 came to be, from @ccollingridge (aka “the man who got us @thebrainlady”!)NUX2 was an all-day UX, design & psychology conference we staged in Manchester on Friday 23rd October 2013, with over 400 delegates and an amazing range of internationally regarded speakers.

The Power of Yes – NUX2

http://ccollingridge.wordpress.com/2013/11/04/the-power-of-yes-nux2/

This is a lovely bit of insight into how #NUX2 came to be, from @ccollingridge (aka “the man who got us @thebrainlady”!)

NUX2 was an all-day UX, design & psychology conference we staged in Manchester on Friday 23rd October 2013, with over 400 delegates and an amazing range of internationally regarded speakers.