My AGP - UX Design Journal Michaël Foussard

WEeK 1 : What does “User Experience” mean to me ?

As I said in this short video, I'm just a teacher. I haven't got so much experience as a webdesigner. I've already created websites by myself or with CMS like Wordpress and I always try to keep the design as simple as possible to help the user navigate easily.

Nowadays, we have to think web design as responsive and efficient to make the visitors get the information they want and feel what we want them to feel.

But UX is probably much more than that. Let's have a look further !

WEEK 2 :Defining the problem

I work as a teacher for an agricultural training school and this year, I'm helping students to create an online catalog for the plants they will sell in April. We are using Wordpress and Woocommerce for that because we want to be able to make the catalog become an online store next year and use it for the billing tasks.

By now, the clients (which are students families, neighbors or well-informed people) receive a paper list of the products, complete it by hands and send it us back. Students type the data in an Excel file to edit the bill and manage the stock. Not very flexible and we don't even get a mailing list !

The sexy paper list !

What we are already able to do on the website :

  • show the products
  • help the client make his choice
  • propose other products depending on the client's choices

What we want to do :

  • make the visitors become online clients
  • make them sign up to build up a mailing list
  • make them help us to find new clients

Defining the personas

For this assignment, the goal is to create some personas. I had to think about what kind of people will visit the website. Here is what I finished with :

  • a student's mother, not really interested in gardening, who wants to watch her son's work
  • a student's grandfather who received the paper list and wants to see the products before buying.
  • a man who loves gardening and discovered the website thanks to a colleague

I decided to use Indesign to create the personas. It could be Illustrator, but I thought it was a good opportunity to improve my skills with this software. I was inspired by a template provided by we♥users and started with a 4 columns grid and also use 3 columns at the bottom of the document. I created a new color and named it "Main color" . That's how i could easily change the tone for each persona.

This template inspired me.
Indesign is very useful for the typography work.
A translated Persona

I found this assignment very useful because it made me think about who can visit the website we are currently building and try to guess what they could want to find there. When creating a website, we're often thinking about what we want to show, whant we want to offer instead of thinking about what our visitors want.

3 French Personas !
Thinking in terms of User eXperience is reversing the paradigm.

Week 3 : Presenting information to users

First of all, I printed cards as Mark showed in the lecture and tried to organize them by myself. Then I give the cards to someone who haven't seen the website yet.

Playing with cards

The Shop part of the website is obvious : you go to the shop, visit a product page, add it to the cart. Then you can go to your account to see what you already bought.

For the "Who we are" section, it's pretty clear that the Curriculum and the Facilities pages go there (I'll certainly use a dropdown menu, therefore I displayed them side to side). In my mind, the News page too, but it can also be considered by some people as a part of the third section that we can call "the site", with the homepage, the contact page and the legal notices.

Here is the interest of reminding the personas when creating the sitemap. The News seem to be important for the families. It can be a reason for them to visit the site. Even if we want them to become clients, it's important to give them access easily to this section.

Finally I decided to reorganize the three last pages (Contact, Legal Notices & Private) in a "Site Infos" section in which the Private page only concerns students doesn't need to be visible for other people.

Created By
Michael Foussard
Appreciate

Credits:

http://www.blogsaays.com

Made with Adobe Slate

Make your words and images move.

Get Slate

Report Abuse

If you feel that this video content violates the Adobe Terms of Use, you may report this content by filling out this quick form.

To report a Copyright Violation, please follow Section 17 in the Terms of Use.