Notice

This page show a previous version of the article

User experience test

Test performed by gillux on the 15/06/2019.

User background

  • Nationality: German
  • Job: teacher
  • Age: 34

M. is a teacher of German as a foreign language in Germany. Her students typically speak more than one language. She’s interested to use Tatoeba for her lessons. I quickly showed her the website already.

Test

  • Device: modern laptop with touchpad
  • OS: Windows
  • Browser: Chrome
  • Instructions: I did not give any precise instructions at first, to let M. go where she wants.

Exploration

Google

  • <ol type="a">
  • searches for Tatoeba and clicks the first result
  • </ol>
  • <ol type="a">
  • is brought to the English version of the website. She will stick with the English version during the entire test. (Debrief revealed that using the German version would have helped understanding key words like logs.)
  • </ol>

Main page

  • <ol type="a">
  • uses the from language dropdown to explore the languages by scrolling. "So many languages". She clicks on Corsican.
  • </ol>
  • <ol type="a">
  • types in German in the To language dropdown.
  • </ol>
  • <ol type="a">
  • would like to see sentences in one of the languages of the dropdown without specifying any keyword but she doesn’t know how to do that.
  • </ol>
  • I tell her not to put any keyword and she submits the form.

Search results (keywords=, from=Corsican, to=German)

  • <ol type="a">
  • looks at the results and finds some of them funny, like "Wo ist das Brot?"
  • </ol>
  • <ol type="a">
  • clicks on the (i) icon of sentence 4919833 to "maybe see the pronunciation?"
  • </ol>

Sentence 4919833

  • "No, I see other languages."
  • <ol type="a">
  • is very much confused by the button named random. "What’s the meaning?" She clicks it.
  • </ol>

Sentence 7565788

  • <ol type="a">
  • now understands she has been brought to a random sentence. She thinks it could be a good way to start a lesson, with something surprising/interesting/motivating.
  • </ol>
  • <ol type="a">
  • is intrigued by the empty Tags block. She doesn’t understand the meaning. The block doesn’t contain any tags, just the link View all tags. She clicks it.
  • </ol>

All tags

  • For some reason the page takes a long time to load and M. click the back button and then view all tags again. The page loads fast this time.
  • <ol type="a">
  • still doesn’t understand what are tags.
  • </ol>
  • <ol type="a">
  • clicks on the 7 syllables tag.
  • </ol>

7 syllables tag, first page

  • <ol type="a">
  • still tries to understand the meaning of "tags" by comparing the sentences. She scrolls the page up and down multiple times. She doesn’t understand why the sentences are in English only.
  • </ol>
  • <ol type="a">
  • goes back to the All tags page.
  • </ol>

All tags

  • <ol type="a">
  • feels a bit "overwhelmed" by the list of tags.
  • </ol>
  • <ol type="a">
  • clicks on the sports tag because it looks interesting.
  • </ol>

Tag sports

  • <ol type="a">
  • thinks it could be interesting to have sentences grouped in topics like sports, so that her students could start with a topic. However she still wonders "how does in works?"
  • </ol>
  • <ol type="a">
  • sees the filter by lang block and thinks it’s interesting.
  • </ol>
  • <ol type="a">
  • tries to filter by German. German sentences appear. She tries to filter by Tatalog or Swiss German, but it gives no results. She is happy about seeing dialects like Swiss German.
  • </ol>
  • <ol type="a">
  • is still confused about tags but thinks it may be some sentences that are collected.
  • </ol>
  • <ol type="a">
  • wants to see sentences in Swiss German and she types in swiss german in the search bar and press enter.
  • </ol>

Search results (keyword=swiss german, from=Corsican, to=German)

  • No results.
  • In the search bar, M. removes swiss german as keywords, selects Swiss German in the From dropdown and asks me how not to set any target language. I tell her to select Any language.

Search results (keyword=, from=Swiss German)

  • <ol type="a">
  • is amused by the result "Broscht!", but mentions there is no German translation for it (actually there is, but it is hidden under the Show 81 more translations button).
  • </ol>
  • We decide to register to add translations. She clicks the Register top link.

Registration

Register

  • <ol type="a">
  • fills the form. Her choosen username is already taken so she adds appends a number to it.
  • </ol>
  • <ol type="a">
  • is intrigued by the We need to make sure you are human question. She says the example is confusing because the answer a.b.c only includes three characters, not five. Eventually she understands the dots are part of the answer.
  • </ol>
  • <ol type="a">
  • submit the form successfully and is brought to the home page.
  • </ol>

Home

  • The greeting message advices M. to fill out her profile. She decides to "follow the good advice".

Profile page

  • <ol type="a">
  • clicks the button Edit profile.
  • </ol>

Edit profile

  • <ol type="a">
  • fills her name and country. She likes that she can type G to select inside the country drop down, because there are some websites where you need to scroll the list forever.
  • </ol>
  • <ol type="a">
  • submits the form and is brought to the profile page.
  • </ol>

Profile page

  • At first M. doesn’t understand where to specify her language, but she eventually finds the Add a language button after scrolling down. She clicks it.

Add a language

  • <ol type="a">
  • adds English. She doesn’t think it’s necessary to add details because she has no dialect, while that’s the interesting information for other users.
  • </ol>
  • <ol type="a">
  • adds French and takes some time to fill the details field to specify where she learnt it from, because that’s useful for other users.
  • </ol>
  • Same for Spanish.

Profile page

  • <ol type="a">
  • doesn’t understand the Stats block because she’s not familiar with this word. "Is is status?" After looking it up in an online dictionary, she understands it is statistics.
  • </ol>
  • <ol type="a">
  • sees the link Translate X's sentences and thinks it’s interesting because it means other users can click it to translate her sentences.
  • </ol>
  • <ol type="a">
  • now wants to find other German members.
  • </ol>

Finding German members

<ol type="a">
  • hover the Community top menu and is intrigued by the Wall entry. She has no idea what it is. She clicks.
  • </ol>

    Wall (first page)

    • <ol type="a">
    • thinks it’s a kind of chat. She looks at the messages.
    • </ol>
    • <ol type="a">
    • is amused by a user’s profile picture that shows an open vagina. As the message contents is hidden, she understands it is supposed to be censored.
    • </ol>
    • <ol type="a">
    • says the Latest messages block is not really important for her, she’d rather not see it.
    • </ol>
    • <ol type="a">
    • likes the block "all languages are equal" but she wonders if it’s practical for communication.
    • </ol>
    • <ol type="a">
    • continues to look at the messages in order to find a German one. She clicks on the last page pagination link.
    • </ol>

    Wall (last page)

    • <ol type="a">
    • continues to look at the messages in order to find a German one. She clicks on another page number.
    • </ol>

    Wall (some other page)

    • <ol type="a">
    • figure out all the messages are in English and gives up using the Wall to find German contributors.
    • </ol>
    • <ol type="a">
    • clicks the list of all members menu entry
    • </ol>

    List of all members

    • <ol type="a">
    • cannot find where the users are from and decides this page is not useful for her.
    • </ol>
    • <ol type="a">
    • clicks on the languages of members menu entry
    • </ol>

    Languages of members

    • <ol type="a">
    • doesn’t quite understand the table. She is confused by the column level=0 and clueless for a while until she figures out there is a legend on the right.
    • </ol>
    • <ol type="a">
    • still doesn’t understand the column level=0 and level=unknown. "Why people would add a language they have almost no knowledge in?" (Debrief revealed that she assumed the only reason one would add a language is to translate from it, so it doesn’t make sense to add a language in which you know almost nothing.)
    • </ol>
    • <ol type="a">
    • clicks the link German
    • </ol>

    Members with language German in their profile

    • <ol type="a">
    • understands the users listed here all speak German as native.
    • </ol>
    • <ol type="a">
    • is amused by the username Trinkschokolade and clicks it.
    • </ol>

    Trinkschokolade’s profile

    • <ol type="a">
    • would like to click on "German" in the language list to see Trinkschokolade’s German contributions, but there is no link.
    • </ol>
    • In the Stats block, M. is confused by the number of Contributions because it doesn’t add up with the other numbers.
    • <ol type="a">
    • clicks on the link Sentences
    • </ol>

    Trinkschokolade’s sentences

    • <ol type="a">
    • is a bit confused because the sentences are pretty unrelated/random. She wonders what is Trinkschokolade’s approach when contributing sentences. She goes to page 6 and keep tring to find some consistency in that list of sentences.
    • </ol>
    • <ol type="a">
    • mentions that the sentences are not consistent because some include quotes while others do not. (She’s actually referring to dialogs vs. normal sentences.)
    • </ol>
    • <ol type="a">
    • clicks the link Collections
    • </ol>

    Trinkschokolade’s collection

    • The page is empty but the block "This feature is currently deactivated." shows on the right. M. decides to activate the option in her settings.
    • <ol type="a">
    • clicks the Settings menu entry
    • </ol>

    Collection feature

    Settings

    • <ol type="a">
    • sets her profile as public. She doesn’t quite understand the meaning of the Remember the last list... option.
    • </ol>
    • <ol type="a">
    • activates the collections feature. "I can have a collection of useful sentences for my lesson."
    • </ol>
    • <ol type="a">
    • likes the option Display "(native)" next to username and activates it.
    • </ol>
    • <ol type="a">
    • activates the clipboard button.
    • </ol>
    • <ol type="a">
    • doesn’t understand what is the old/new design option about.
    • </ol>
    • <ol type="a">
    • clicks Save.
    • </ol>
    • <ol type="a">
    • browse the My menu and wonders what is the difference/relation between My collections and My favorites. She clicks My favorites.
    • </ol>

    Own Favorites

    • The page is empty.
    • <ol type="a">
    • is intrigued by the Logs link. She has absolutely no clue about its meaning. She look up the word logs in an online dictionary, but it doesn’t help. She clicks the Logs link.
    • </ol>

    Own Logs

    • The page is empty.
    • <ol type="a">
    • is very much confused about the logs.
    • </ol>
    • She decides to check another user’s logs to understand better.
    • She goes to the Languages of members page, then Native speakers, then Languages of members again, then clicks German, then clicks on the user raggione, then clicks on Logs.

    Logs of raggione

    • <ol type="a">
    • is still confused. She clicks the (i) of the first log record and is brought to sentence 7976858.
    • </ol>

    Sentence 7976858

    • <ol type="a">
    • is more and more confused. "It’s a sentence, not a log. So the sentence is a log?"
    • </ol>
    • <ol type="a">
    • clicks on the button « previous and she is brought to sentence 7976857, a Chinese sentence.
    • </ol>
    • <ol type="a">
    • is very confused. "I thought I’d go to the previous page…" She click « previous again. She is brought to sentence 7976856, another Chinese sentence. Still very confused.
    • </ol>
    • I explain her she has to use the back button of her browser to get out of where she is. She goes back to the German sentence 7976858.
    • <ol type="a">
    • notices the clipboard button and clicks it. She opens a Google document and paste the sentence. "OK, that’s very useful. I can put the sentences on my worksheet."
    • </ol>
    • <ol type="a">
    • decides to translate sentences.
    • </ol>

    Translation

    • <ol type="a">
    • clicks the Translate sentences menu entry.
    • </ol>

    Translate sentences

    • <ol type="a">
    • fills the form: sentences in English not yet not directly translated into German. Then, she hesitates about the sort order. "Short sentences are maybe easier to translate? Last created makes sense too."
    • </ol>
    • Eventually M. decides that it doesn’t really matter and leaves it to the default: random.

    Search result

    • <ol type="a">
    • wonders how to translate the first sentence. "It’s difficult to translate."
    • </ol>
    • <ol type="a">
    • clicks the Show sentence details link.
    • </ol>

    Sentence 68680

    • "I could post a comment to ask for some context."
    • <ol type="a">
    • hesitates about posting a comment because she believes comments are public, but eventually decides to do so.
    • </ol>
    • <ol type="a">
    • writes a comment and then reads the Good practices list. About Say "welcome" to new users, she mentions that she cannot know if a user is new or not. About Use private messages to discuss things unrelated to the sentence., she says her comment is related to the sentence so it’s okay. She submits the comment asking for more context.
    • </ol>
    • <ol type="a">
    • clicks the back button of the browser.
    • </ol>

    Search result

    • <ol type="a">
    • is surprised to see a different list of sentences. "Where is my sentence?"
    • </ol>
    • <ol type="a">
    • clicks on another sentence’s page link.
    • </ol>

    Sentence 2492237

    • <ol type="a">
    • hover the sentence menu buttons and click on the Translate button
    • </ol>
    • <ol type="a">
    • writes a German translation.
    • </ol>
    • <ol type="a">
    • opens the language dropdown and wonder why there is an autodetect entry. She selects German. (Debrief revealed that’s because she assumed people translated only into one language.)
    • </ol>
    • <ol type="a">
    • is happy about having added her first translation. However, she is disappointed that translation is not performed in a structured way. She’d like to see a beginning and an end. "This is too random." It’s not satisfying for her to translate random sentences, she’d be more motivated to translate if, for example, other users would be in need for specific translations of certain sentences in certain languages.
    • </ol>
    • <ol type="a">
    • discovers the top-left logo is a link and she clicks it.
    • </ol>

    Homepage as logged-in user

    Homepage

    • <ol type="a">
    • is disappointed about the homepage. She finds it confusing. She wonder why it only shows features and why there is this random sentence.
    • </ol>
    • <ol type="a">
    • expected the homepage to tell her more about the project: its philosophy, its history, its motivations, the preservation of endangered languages, some guidelines, the fact that it is an NPO (which is really cool)…
    • </ol>