[Ux] [SP4] Quick review PMT UI

Clemens Gruber cgruber at digitale-chancen.de
Fri Mar 14 11:30:15 EDT 2014


Justin Obara wrote:

> I believe this should be fixed with the changes from GPII-590. These changes should currently be in the master branch, and I was unable to reproduce the issue with master (using Fedora 19).


Hi Justin, how can I update to the latest version? Unfortunately 
http://issues.gpii.net/browse/GPII-655 is still open so we can only 
guess how to update and what to do to use the latest version.

Regards
Clemens



> On Mar 13, 2014, at 11:33 AM, Ignacio Peinado Martínez <ipeinado at technosite.es> wrote:
>
>> FYI
>>
>> -----Mensaje original-----
>> De: SP4 at cloud4all.info [mailto:SP4 at cloud4all.info] En nombre de Clemens Gruber
>> Enviado el: miércoles, 12 de marzo de 2014 19:03
>> Para: SP4 at cloud4all.info
>> Asunto: [SP4] Quick review PMT UI
>>
>> Hi Ignacio,
>>
>> sorry for the late response, I see there are comments on GPII-652 I was not aware because I get no notification from JIRA--I have to check this.
>>
>> We tested on Win7 (64bit) as OS with the latest FF browser. All tests were performed on the computer Kasper installed in Athens. I think the software version was from Thu, 27 - we did no update on the second day of the meeting or later because of this
>> http://issues.gpii.net/browse/GPII-655 blocker.
>>
>>
>> ** Tab Order
>>
>> - Open "Speak Text" > click on "more"
>> - now try to use the tab key to navigate from input element to input element
>> - tab order is ok till "Screen reader language". Here I can select the drop down
>> - but after this you can see the "Announce" section
>> - if you press now the tab key again the focus doesn't move to the next element--it would be "Punctuation marks" with the options "none", "some"
>> ... but it jumps to "Text highlighting".
>> - so all items between are not accessible by keyboard only.
>>
>> Regards
>> Clemens
>>
>>
>>
>>
>> Ignacio Peinado Martínez wrote:
>>> Hi Clemens,
>>>
>>>
>>>
>>> How is it going? I am writing to you because there are a couple of errors that you reported in the walkthrough that we (Chris and I at least) have not been able to reproduce:
>>>
>>>
>>>
>>> ·         Tab order is broken in PMT (http://issues.gpii.net/browse/GPII-652).
>>>
>>> ·         Design the PMT's behavior when more/less is clicked (http://issues.gpii.net/browse/GPII-653). When I have tried, when navigating with the keyboard, clicking the 'less' button gets closes the options and gets the focus back to the 'more' button.
>>>
>>>
>>>
>>> I would like to ask you to provide us with more information about these problems, including info about the OS & browser that you are using, the actions that you are performing to navigate the page and how the results you are getting are different from the ones you expected.
>>>
>>>
>>>
>>> Thanks a lot in advance,
>>>
>>>
>>>
>>> Best regards,
>>>
>>> Ignacio Peinado Martínez
>>> R&D Department, Technosite, Grupo Fundosa
>>>
>>>
>>> -----Mensaje original-----
>>> De: SP4 at cloud4all.info [mailto:SP4 at cloud4all.info] En nombre de
>>> Clemens Gruber Enviado el: lunes, 03 de marzo de 2014 18:26
>>> Para: SP4 at cloud4all.info
>>> CC: Rebecca Romppel; Jutta Croll
>>> Asunto: [SP4] Quick review PMT UI
>>>
>>>
>>>
>>> Hi,
>>>
>>>
>>>
>>> at the pilot meeting in Athens we had a look at the PMT UI and discovered some technical issues Kasper noted and will report this in the next UI/UX meeting.
>>>
>>>
>>>
>>> We from SDC did a rudimentary walkthrough regarding AI and UX today. We checked only visual elements and keyboard use, not further AT.
>>>
>>>
>>>
>>>
>>>
>>> ** PMT is the face of Cloud4all
>>>
>>>
>>>
>>> The PMT is not only an interface, it is the only face of C4a that we
>>>
>>> have to the end user. If they will ask about showing me C4a they will
>>>
>>> see this interface only! They will see no website in the basic case,
>>> no
>>>
>>> documentation only this PMT page!
>>>
>>>
>>>
>>> So please have this in mind also if you say in a later state the
>>>
>>> statistical MM or auto configuration via the settings of the own PC at
>>>
>>> home will do it in a magic way. Magic is hard to construct and so C4a
>>>
>>> user will relay on some kind of UI to adjust preferences!
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> Here are some points to consider:
>>>
>>>
>>>
>>>
>>>
>>> ** Visual Issues
>>>
>>>
>>>
>>> - Icons: Why are some icons shaped round and the one for the magnifier
>>>
>>> and for visuall alternatives not? Different shapes indicate different
>>>
>>> functions. But we do not have this here. So be consistent and use the
>>>
>>> same shape for all.
>>>
>>>
>>>
>>> - The cloud symbol at the save button is not understandable for
>>>
>>> non-insider. We should delete this.
>>>
>>>
>>>
>>> - Can we center the page content? Atm it is asymmetric and tend to
>>> "flow
>>>
>>> out" on the left side
>>>
>>>
>>>
>>> - Why not use the screen width dynamically?
>>>
>>>
>>>
>>> - There are different and illogical text font sizes, e.g. "Announce"
>>> is
>>>
>>> smaller than subsidiary elements. (on Win7 with latest FF)
>>>
>>>
>>>
>>> - Is ocean blue an adequate color for a switch on option? Or should it
>>>
>>> be better green.
>>>
>>>
>>>
>>> - Contrast between input elements e.g. +/- buttons and background is
>>> not
>>>
>>> enough. It is not clear that both elements belonging together.
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> ** Interaction Elements
>>>
>>>
>>>
>>> - The checkboxes are much to small for clicking for example with
>>> tremor
>>>
>>> or in a vibrating bus.
>>>
>>>
>>>
>>> - "Slider Button On/Off" implies that you have to drag'n'drop the
>>> slider
>>>
>>> but this is not working at all.
>>>
>>>
>>>
>>> - "More" and "less" is not recognizable as additional navigation
>>> element
>>>
>>> for the whole section, it must be more prominent and related to the
>>>
>>> whole section.
>>>
>>>
>>>
>>> - +/- are not recognizable as interaction / clickable element. It is
>>>
>>> only recognizable by hovering with the mouse over it.
>>>
>>>
>>>
>>> - The numbers on the slider element are not recognizable as form
>>>
>>> element, it is formatted like normal text, no visual hint that it can
>>> be
>>>
>>> edited.
>>>
>>>
>>>
>>> - At the drop down menus you have to click on the tiny small triangle
>>> to
>>>
>>> select options, this is really hard for people with tremor! Compared
>>>
>>> with a standard HTML drop down menus via select tag, you can click on
>>>
>>> the first item to open the menu.
>>>
>>>
>>>
>>> - Why we are using different input elements for the same function, e.g.
>>>
>>> +/- slider on the most elements but an other slider at the mouse
>>> +pointer
>>>
>>> option?
>>>
>>>
>>>
>>> - It is not clear what screen areas are for preview and what are
>>>
>>> navigation elements. The eye icon on the current implementation is too
>>>
>>> small.
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> ** General Use
>>>
>>>
>>>
>>> - Form logic is MacOSX oriented and difficult to use for persons
>>> without
>>>
>>> OSX experience. Especially that activating options leeding to an
>>>
>>> additional submenu are confusing. Also we as experts in Athens where
>>>
>>> confuse where to find additional configuration options.
>>>
>>>
>>>
>>> - On/off switch could be better replaced by a simple checkbox, so it
>>> is
>>>
>>> understandable for both user, MacOS and Win/Linux
>>>
>>>
>>>
>>> - It is not clear what "needs and preferences" vs. "all ..." on the
>>> top
>>>
>>> of the page is. It could be only a subset of all preferences or it
>>> could
>>>
>>> be could be my preferences vs. preferences from other persons ... the
>>>
>>> wording is too imprecise.
>>>
>>> Also the second option is not available right now. So hide this
>>> element
>>>
>>> as long as we use it not for testing.
>>>
>>>
>>>
>>> - JS is required for using the form but there is nor error message on
>>>
>>> deactivated JS.
>>>
>>>
>>>
>>> - It is not visible that a user is logged in and if so which account
>>> is
>>>
>>> just edited.
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> ** AI specific (here keyboard use)
>>>
>>>
>>>
>>> - Focus marker on the save button is nearly invisible.
>>>
>>>
>>>
>>> - Tabbing order skips input elements "Announce Punctuation marks" to
>>>
>>> "Read-back"
>>>
>>>
>>>
>>> - "Text highlighting" drop down menu is not usable by keys only, e.g.
>>>
>>> arrow keys, why not? A simple HTML drop down is making it.
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> ** Structure
>>>
>>>
>>>
>>> - Grouped items are graphically not clear separated, they flow into
>>> each
>>>
>>> other. Group associated items by a uniform background and separate
>>> items
>>>
>>> by a dark element, e.g. a frame or line or more space.
>>>
>>>
>>>
>>> - Why not specify "visual alternatives", "Volume" ... as H1?
>>>
>>>
>>>
>>> - Clicking on "less" link closes the submenu but the viewpoint is
>>> after
>>>
>>> this in a region of the HTML page that is not visible.
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> ** Data Handling
>>>
>>>
>>>
>>> - It is possible to input "out of range"-values in the "+/- slider
>>>
>>> element", see e.g. "volume": 100000000 or alpha numeric characters are
>>>
>>> possible without any error message.
>>>
>>>
>>>
>>> - You can not see any limit or range definition for the numeric input
>>>
>>> before typing a value in the form element.
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> ** Missing
>>>
>>>
>>>
>>> - In the German UI is no translation for:
>>>
>>>     - visual alternatives
>>>
>>>       and all subitems
>>>
>>>     - volume
>>>
>>>       and all subitems
>>>
>>>     - language
>>>
>>>       and all subitems
>>>
>>>     - on/off on all switches
>>>
>>>
>>>
>>> Perhaps we can clarify some points in tomorrow's PCP/PMT meeting.
>>>
>>>
>>>
>>> Regards
>>>
>>> Clemens, Nenja & Rebecca
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> --
>>>
>>> Clemens Gruber (Dipl.-Psychologe)
>>>
>>>
>>>
>>> Stiftung Digitale Chancen
>>>
>>> // Project "SIP-Bench III", http://www.sipbench.eu
>>>
>>> // Project "Cloud4all", http://cloud4all.info
>>>
>>>
>>>
>>> Chausseestr. 15, 10115 Berlin
>>>
>>>
>>>
>>> E-Mail:
>>> cgruber at digitale-chancen.de<mailto:cgruber at digitale-chancen.de>
>>>
>>> URL:     http://www.digitale-chancen.de
>>>
>>> Skype:   cgruber-sdc
>>>
>>>
>>>
>>> Telefon: +49 (0)30 437277-32
>>>
>>> Fax:     +49 (0)30 437277-39
>>>
>>>
>>>
>>
>> --
>> Clemens Gruber (Dipl.-Psychologe)
>>
>> Stiftung Digitale Chancen
>> // Project "SIP-Bench III", http://www.sipbench.eu // Project "Cloud4all", http://cloud4all.info
>>
>> Chausseestr. 15, 10115 Berlin
>>
>> E-Mail:  cgruber at digitale-chancen.de
>> URL:     http://www.digitale-chancen.de
>> Skype:   cgruber-sdc
>>
>> Telefon: +49 (0)30 437277-32
>> Fax:     +49 (0)30 437277-39
>>
>> _______________________________________________
>> Ux mailing list
>> Ux at lists.gpii.net
>> http://lists.gpii.net/cgi-bin/mailman/listinfo/ux
>
>
>
>
> _______________________________________________
> Ux mailing list
> Ux at lists.gpii.net
> http://lists.gpii.net/cgi-bin/mailman/listinfo/ux
>

-- 
Clemens Gruber (Dipl.-Psychologe)

Stiftung Digitale Chancen
// Project "SIP-Bench III", http://www.sipbench.eu
// Project "Cloud4all", http://cloud4all.info

Chausseestr. 15, 10115 Berlin

E-Mail:  cgruber at digitale-chancen.de
URL:     http://www.digitale-chancen.de
Skype:   cgruber-sdc

Telefon: +49 (0)30 437277-32
Fax:     +49 (0)30 437277-39


More information about the Ux mailing list