menu
Tatoeba
language
Register Log in
language English
menu
Tatoeba

chevron_right Register

chevron_right Log in

Browse

chevron_right Show random sentence

chevron_right Browse by language

chevron_right Browse by list

chevron_right Browse by tag

chevron_right Browse audio

Community

chevron_right Wall

chevron_right List of all members

chevron_right Languages of members

chevron_right Native speakers

search
clear
swap_horiz
search
TRANG TRANG September 13, 2018 September 13, 2018 at 5:39:13 AM UTC link Permalink

**New language dropdown**

I'm working on replacing our current language dropdowns by new ones where you can search for the language.

The goal is to solve: https://github.com/Tatoeba/tatoeba2/issues/1651

It is deployed on the dev website: https://dev.tatoeba.org

The new dropdown is used in 3 places:
- search bar
- homepage for non-authenticated users
- page to add new language to the profile

Since this is a very important element of the UI, I would like to know how you feel about this new dropdown. Is it more comfortable to use or do you still prefer the non-searchable dropdown?
I will also need many people to test it, on as many different browsers/OS/devices as possible.

Thank you!

{{vm.hiddenReplies[29726] ? 'expand_more' : 'expand_less'}} hide replies show replies
sabretou sabretou September 13, 2018 September 13, 2018 at 6:13:54 AM UTC link Permalink

This is pretty great, and works perfectly for me on Windows 10, Waterfox 56.2.2.

A few thoughts:

- Since the entries are so large now, perhaps language flags can be incorporated as well? This may or may not lead to quicker identification for some people.

- Can a spellcheck be built into the system? I can foresee some people mispelling or using unconventional spellings for languages. For instance, if someone types 'Panjabi', it would be ideal if the results for 'Punjabi' are displayed nonetheless.

- Alternately, perhaps we can set 'hidden' alternate names for certain languages, to account for those alternate spellings. For instance, a lot of people know Persian as 'Farsi', but typing in Farsi shows no results.

- The present light grey highlight for matching text is hard to see. I would recommend using a different colour, maybe the default green that Tatoeba uses.

gillux gillux September 13, 2018 September 13, 2018 at 6:41:24 AM UTC link Permalink

Great! It is definitely more comfortable to use.

A few comments:

The highlight is only shown when the language starts with the entered text. For example, using the English UI, typing "rus" highlights "Rus" in "Russian" and "Rusyn" but not in other entries, like "Belarusian".

The sorting of the suggested values could be improved. In the above example, I think "Russian" should show up above "Belarusian".

I can type anything that is not a language name and press the search button. The result is that whatever wasn’t a language name is treated as "any language". This is quite misleading. I think the form shouldn’t allow clicking the search button without a properly selected value as language.

On the search bar, the keyword field, the language drop downs and the search button use to have a consistent height. Now, the drop downs are bigger than the keywords field and the button.

{{vm.hiddenReplies[29728] ? 'expand_more' : 'expand_less'}} hide replies show replies
Aiji Aiji September 13, 2018 September 13, 2018 at 9:18:40 AM UTC link Permalink

Like you I've made the tests of the "stupid" by typing whatever in the language box.
Being a visitor, I looked for a word in "fr" into "any language" and I get the
An error occurred while performing the search. If the problem persists, please let us know.
message.
If the choice of language is reverse, that is searching for "any language" to "fr", no problem, the results are correct.

Guybrush88 Guybrush88 September 13, 2018, edited September 13, 2018 September 13, 2018 at 10:26:31 AM UTC, edited September 13, 2018 at 6:47:27 PM UTC link Permalink

As I suggested in the ticket (https://github.com/Tatoeba/tatoeba2/issues/1651):

Currently, with this new dropdown menu, when a user deletes the default option in the search's language, he/she sees the languages he/she chose in his/her profile and then every other language. My suggestion is: maybe the dropdown, at least for registered users, should be limited to the languages that a user chose in his/her profile when no specific language is selected, since it's likely that this user would stick only to such languages when searching for sentences, and, for all the other languages, he/she would have to type them manually to get them in the dropdown menu, since they're less likely to be used for custom searches

Edit = in any case, it works fine for me. I tried it on an Amazon Fire and Ubuntu

{{vm.hiddenReplies[29730] ? 'expand_more' : 'expand_less'}} hide replies show replies
CK CK September 14, 2018, edited October 31, 2019 September 14, 2018 at 1:29:11 AM UTC, edited October 31, 2019 at 3:18:43 AM UTC link Permalink

[not needed anymore- removed by CK]

{{vm.hiddenReplies[29731] ? 'expand_more' : 'expand_less'}} hide replies show replies
gillux gillux September 14, 2018 September 14, 2018 at 7:46:10 AM UTC link Permalink

That’s a good point. This could make that new dropdown harder to use on devices without a physical keyboard, for example.

TRANG TRANG September 15, 2018 September 15, 2018 at 9:27:41 PM UTC link Permalink

Thanks everyone. Based on the various feedback, I have made some changes which you can test on the dev website.

1. The dropdown list will now always open, without having to type anything at first. The only thing that may feel a bit strange is that the text input is emptied. I haven't found a way to keep the text AND open the dropdown list at the same time. I think it's still usable like this though.

2. If you don't select any language, it will go back to the language that was initially selected. In case you would type in something that leads to "No language found" and then click outside of the dropdown, the value you typed will be replaced by a valid option (whichever option was previously selected).

3. The highlight for the matching text is more visible (yellow background).

4. The results list in priority languages that start with the searched text.

Just to be sure, I'll give it one more week of testing. If there's no major issue and we overall agree that this new dropdown is more comfortable to use, it will be deployed next weekend on the main website.


Regarding the other suggestions that I have not implemented:

> Since the entries are so large now, perhaps language flags can be incorporated
> as well?

I had this in mind but ran into the issue that the dropdown list doesn't expand to fit the longest language name, at least I haven't yet found a way to do that. There are actually already some languages that are truncated and adding an extra icon will lead to even more languages being truncated. I think it is better to stick with names only until we find a solution to display all names entirely.

> Can a spellcheck be built into the system? I can foresee some people mispelling or
> using unconventional spellings for languages.

I guess this can be solve not exactly with a spellcheck but with some sort of approximate search. It's definitely possible but not something I would implement in a first iteration.

> Alternately, perhaps we can set 'hidden' alternate names for certain languages,
> to account for those alternate spellings. For instance, a lot of people know Persian
> as 'Farsi', but typing in Farsi shows no results.

For languages that have alternate names, I think for now we will need to resort to parenthesis: Persian (Farsi).
As we integrate more and more languages, we will definitely need to think of a better solution, especially if there are languages that have more than two names or if both names are very long.

> maybe the dropdown, at least for registered users, should be limited to the
> languages that a user chose in his/her profile when no specific language
> is selected, since it's likely that this user would stick only to such languages
> when searching for sentences

I'm not too sure whether this will really help. Let's say I've been using Tatoeba for a few days and I decide to register. I only have 2 languages in my profile. I want to search something and when I click on the language selector, I only see 2 options. At this point I might be wondering why did all the languages disappear? When I was not registered I used to be able to see all the languages.

{{vm.hiddenReplies[29739] ? 'expand_more' : 'expand_less'}} hide replies show replies
gillux gillux September 15, 2018 September 15, 2018 at 10:44:27 PM UTC link Permalink

Thanks for the improvements, it feels quite usable already.

About the profile languages. How about just bringing them on the top of the list, like on the current dropdown? This way, I can still use the mouse or tap on a touchscreen to easily select one of my profile languages, while the person in your example won’t be confused by seeing only two options. You could also put a different background color for the profile languages, to make them stand out of the rest of the list.

Other than that, I find the interline space a bit too large inside the list. After clicking on the field, the drop down shows "Any language" + 4 languages (the last one slightly truncated), while I think there is enough space for 6 or 7 languages there. This would be a significant improvement if you implement what I said about the profile languages.