Fabien Mourier

Creating Products Customers Love

Page 2 of 6

My first automation script with Selenium IDE

This morning, i decided to deep dive in Test Automation to better understand what it means for Quality Engineers to write regression tests.

Selenium allows to automate browsers just like a real customer using an app. This is Graphical user interface testing, generating user interface events such as keystrokes or mouse clicks.

There are many approaches to test automation (Code-driven testing, API driven testing) but i feel closer to user experience than classes, modules,  libraries or API interfaces.

After reading about selenium tools, i decided to give a try using Selenium IDE (A firefox add-on allowing to do simple record-and-playback of interactions with the browser). Installing the add-on is just a matter of minutes, but to playback what you record, you’ll need to install Selenium Server.

The Selenium IDE add-on is quite simple. you’re able to record while using a website. You can then edit your action using a simple UI.

My first script is to automate the creation of a classified post on “Le Bon Coin”.

The script on the screen-shot bellow will

  1. open the base URL : http://www.leboncoin.fr
  2. Click on the France Map region “Ile de France”
  3. Type my username and password so that i’m authenticated
  4. Click the link to access the create an ad form
  5. Select the right category in the corresponding dropdown
  6. Type my ad Title, Description & Price
  7. Upload 2 pictures
  8. Click validate button
  9. Tick the accept conditions box on the next page before publishing the add.

seleniumIDE

This example doesn’t publish the ad, but if you get the idea, this is really easy to add.

You can then save your script, play it back, Edit it if you need:

That’s it… So what?

Think about using your product, identifying issues, visualizing use cases, specification by example, … your demos.

On the video above, i had to cut about 30 seconds while uploading the pictures. Maybe something “Le Bon Coin” could look into to increase conversion 😉

Enjoy!

 

“Focus on the user and all else will follow”

Google embrace that principle in their design. Google Design site explore how they go about it. You’ll find good tips about Animation, Styling, Layouts, Components, Patterns or Usability, plus some downloadable ressources.  Good link to send to your designers if they don’t know it already. Also good for any Product Manager to understand why that matters.

 

google-design

Fifty Quick Ideas to Improve your User Stories

Need help to define better user stories?

Check this book. Really good techniques, to help you creating stories, planning, discussing, splitting or managing delivery in iteration.

Free sample available here.

QUPER

25 Mobile design principles

Nop, it’s not just about shrinking design from desktop to mobile 😉
Delight the mobile consumer with 25 Mobile design principles from Google I/O 2014 for better experience and more conversion.

Watch the video down bellow

Mobile-Design-Principles-Buckets

Home Page & Navigation

    • Keep calls-to-action front and center
    • Keep menus short and sweet
    • Make it easy to get back to the homepage

Site Search

  • Make site search visible
  • Ensure site search results are relevant
  • Implement filters to narrow results
  • Guide users to better site search results (questions up-front to pull away un-relevant results)

Commerce & Conversions

  • Let users explore before they commit
  • Let users purchase as a guest
  • Pick up where you left off

Optimizing Form Entry

  • Design efficient forms
  • Using pre-existing information
  • Streamline information entry (contextual keyboard)
  • Minimize form errors with labeling
  • Provide visual calendars for dates
  • Real-time validation of forms

Site-Wide Design Considerations

  • Don’t make users pinch-to-zoom (bit.ly/responsive-basics)
  • Tappable / Expandable images
  • Be clear why you need a user’s location
  • Keep your users in a single browser window
  • Don’t let promotions steal the show
  • Optimize your entire site for mobile

Jenny Gove @ Google I/O 2014

Ressources:

bit.ly/amazingforms
bit.ly/inputtypes
bit.ly/labelinputs
bit.ly/form-validation
bit.ly/responsive-basics
bit.ly/mobilewebprinciples
bit.ly/web-fun
bit.ly/page-speed-insights

experience virtual reality in a simple, fun, and inexpensive way

Android users, Check this out : https://developers.google.com/cardboard/

Cool project to construct a VR viewer from everyday items.

cardboard

Designers replacing Documentation with Prototyping

This writing explain why designers are replacing Documentation with Prototyping. I completely agree with that approach. Use them to test early and be even more successful!

prototyping

 

Mobile shopping in Europe (In French)

Key Metrics & trends of mobile commerce in France.

Infographie : le Mobile shopping en Europe ».

A Cynical Agile and Scrum Dictionary

A colleague sent this link to this funny Agile and Scrum Dictionary called “Cynical Agile and Scrum Dictionary“.

Lot of laugh :)

cynical-agile

 

Why You Only Need to Test with 5 Users

Great article from Jackob Nielsen which was mentioned a in UX workshop i attended today with from Nielsen Norman Group.

Usability tests are a waste of resources? This explain best results come from testing no more than 5 users and running many small tests. Good to have those details when people are not convinced of cost/benefit.

20000319-user-testing-diminshing-returns-curve

A/B testing made easy?

With Optimizely, you don’t need to be a coder to implement a test and get actionable data. Take action and make changes now :)

optimizely

« Older posts Newer posts »

© 2017 Fabien Mourier

Theme by Anders NorenUp ↑