User Experience: Difference between revisions
No edit summary |
(Added usability test) |
||
(25 intermediate revisions by 8 users not shown) | |||
Line 1: | Line 1: | ||
We need help doing user experience testing! This means users testing our software, observing what does and doesn't work for them, and recording that. |
We need help doing user experience testing! This means users testing our software, observing what does and doesn't work for them, and recording that. |
||
If you're here to help (HOORAY!) go to the testing instance set up by Caleb Davis: http://omgmg.dyndns.org:6543/ |
If you're here to help (HOORAY!) go to the testing instance set up by Caleb Davis: http://omgmg.dyndns.org:6543/ [EDIT: This link has been down since 2011 something, take a look at the [[Live instances]] instead] |
||
'''Note 9/2/2011:''' yeah, we know, omgmg just went down... it was just upgraded by the maintainer then he hopped off of IRC and it went down. It'll be back up soon! :) |
|||
Sign up for an account'''*''', add some pictures'''**''' and play around. Take some notes and then either set up an account on this wiki and add your thoughts to this page or email them to press@mediagoblin.org. Please include your operating system and what browser you're using. |
Sign up for an account'''*''', add some pictures'''**''' and play around. Take some notes and then either set up an account on this wiki and add your thoughts to this page or email them to press@mediagoblin.org. Please include your operating system and what browser you're using. |
||
Line 14: | Line 12: | ||
= User notes go in this section = |
= User notes go in this section = |
||
=== By MutoShack (Goblinrefuge.com, Firefox 66.0, Linux Mint 19.2) === |
|||
=== From Justin, on Mac OS X 10.6.8 with Google Chrome on 8.16.2011 === |
|||
==== LOGIN/OUT: ==== |
|||
* username incorporated hyper-link "sk00's media" looks cheesy if username is underlined/a different color in order to signify a link: i have a hunch hundreds of users will click their own user name/other user's user names expecting to be returned to the respective profile. this is strictly personal preference and entirely aesthetic. |
|||
* Can create account, log in and out just fine. |
|||
* No complaints here. |
|||
==== LINKS/BUTTONS: ==== |
|||
* is it possible to allow a user's profile website link to display tag other than "www.example.com/92921398/#/"? like using ahref code, but automatic? i know i'm reluctant to click on and/or care about a link which appears like the example i've provided. |
|||
* No a:hover attribute over links and buttons. Makes it hard to tell if I really am hovering over a link. |
|||
* Some links are underlined, others are not. Would be clean to make *no* links underlined, and only underline them on hover. |
|||
==== FEED: ==== |
|||
* CAPCHA! without this it is much more likely to become an image dumping plant like imageshack and the like. |
|||
* Works fine. Would work better with a "follow" feature, as then only posts I am subscribed to would appear in the home feed. |
|||
* No complaints for the functionality. |
|||
==== ACCOUNT SETTINGS: ==== |
|||
* UPDATE: my delete button is not linked/clickable/functioning. |
|||
* I am unable to change the name of my account. |
|||
* I am unable to create "playlists" of media. |
|||
* I am unable to set an avatar icon for my account. |
|||
* I am unable to set a "background header" for my account. |
|||
* Username is always in lowercase and is not editable. |
|||
* Unable to add more than one website link. |
|||
==== UPLOAD: ==== |
|||
=== From Justin on XP with IE and Chrome on 8.17.2011 === |
|||
* Every supported filetype uploads perfectly. |
|||
==== EDIT UPLOAD: ==== |
|||
* OBSERVATION:My first account "sk00" was registered with a gmail address and your notification email went to the inbox, whereas my second account "sk00z" was registered with an old aol address and your notification email went into spam. I'm almost certain it had to do with aol sorting for emails from senders named “notice" and gmail not caring so much. |
|||
* I am able to edit the name and description of my upload just fine. |
|||
==== TOPBAR: ==== |
|||
* SUGGESTION:Are you thinking of including any sort of friend system? Not nearly as intrusive as facebook or myspace, but some way to follow another user as you would on tumblr and the like? If you were posting all sorts of bitchin' images from the time your family went toad licking in Arkansas, then I know I'd want to subscribe to your media channel for unrestrained access to future antics. |
|||
* The hidden "account features" feels like a gimmick. Everything important could be put in the top-bar of the site without the need for JS. |
|||
* It is, however, very smooth and runs well. |
|||
==== FONTS: ==== |
|||
=== From Deb, UX notes on 8.16.2011 === |
|||
* The fonts load correctly. I am not a fan of custom server-side fonts, but this is subjective. |
|||
I'm running Ubuntu 10.04, Lucid Lynx. It's the Netbook remix version on an Aspire One, with Firefox version 3.6.18 for Ubuntu |
|||
==== BROWSER COMPATIBILITY: ==== |
|||
* Login page did not prompt for the possibility of forgotten password |
|||
* Runs well in Firefox, Chrome, Edge, IE11 and even NetSurf! No complaints. |
|||
==== RESPONSIVENESS: ==== |
|||
* login is really big on netbook, so that not all felds are visible on the screen at once, not ideal for just four fields |
|||
* GMG scales well in small browser windows, widescreen windows, and cell phones. No complaints. |
|||
==== SPEED TEST: ==== |
|||
* Not clear how you get to a page for adding media from the email verification page. |
|||
* Fast even on slow hardware. Nothing to complain about here. |
|||
==== VIDEO: ==== |
|||
* The submit box is really large on a netbook, the whole box should be visible on one screen |
|||
* The "current position in video" diamond is not aligned properly, and the green/white striped bar goes past it slightly (other than that, it is a beautiful design). |
|||
* On the video details sidebar, "License" comes before "Download". I think download is a higher priority for the norm. |
|||
* Uploader is unable to set thumbnail. |
|||
==== COMMENTS: ==== |
|||
* The tagging field should have small text underneath it about what format tags should use |
|||
* Comments are organized from oldest to newest. Should be vice versa. |
|||
* No "threads" support. This is a good thing, as it makes comments more about the video than about starting flamewars with other comments. |
|||
==== AUDIO: ==== |
|||
* Thumbnails on the little nav buttons from one pic to the other would be nice |
|||
* Audio files display and play properly. |
|||
* Audio visualization is a bit too much, for my taste, and could easily be replaced by the HTML audio player. |
|||
==== 3D MODELS: ==== |
|||
* The media submission page could also be scaled for the netbook screen |
|||
* Need further testing. |
|||
==== PHOTOS: ==== |
|||
* people will want to submit multiple images which it seems you can't yet do |
|||
* Cursor does not turn into "pointing hand" whilst hovering over the image on FF 66.0, so it is not obvious that users can view image in HD. |
|||
==== PLAINTEXT: ==== |
|||
* Animated gifs work! Awesome. |
|||
* A lighter or darker Background-color should be applied to TXT files. |
|||
==== GENERAL THOUGHTS: ==== |
|||
* Tags seem to be not case sensitive and strip punctuation. Also awesome. |
|||
* I am unable to filter by media type on the home feed (e.g. "only display audio files"). This would be handy for people who are searching for a certain type of media. |
|||
* There is no searchbar by default. By convention, a long searchbar centred on the top of the page would make a lot of sense. |
|||
* There are no "like/dislike" or "follow" buttons. |
|||
* When no-one is logged in, the site encourages you to "Set up MediaGoblin on your own server!". If people cared, they would click the link to GMG in "This site is running Mediagoblin". Running servers is not a normal person thing. |
|||
=== Nelson's notes on 8.13.2011 (paraphrased) === |
|||
=== From Kaligule on Forefox 45.0.1 on Arch Linux === |
|||
* hey, where's my notification? |
|||
* everything is working alright |
|||
* Testing goblinrefuge (Mediagoblin 0.8) https://goblinrefuge.com/mediagoblin/ |
|||
* successfully uploaded stuff ... |
|||
* It would be great if there was at least some 'official' mediagobblin instance so the latest version can be testet. I know this is about decentralisation, but I wasn't able to find anyone with the newest version up and running. |
|||
* commenting works |
|||
* Register, Log in, Email confirmation works fine |
|||
* profile works ... |
|||
* Profile description works fine, can be seen when looking at the profile: https://goblinrefuge.com/mediagoblin/u/kaligule/ |
|||
* is that all I can do? |
|||
* Well, I didn't find anything that didn't work. |
|||
'''I'd like to be able to''' |
|||
* I would like to upload and tag multiple files at once (uploading is fixed in 0.9, at leastthats what they say) |
|||
* find other users |
|||
* When watching one of my collections, where can I add (already uploaded) Media files to it? It doesn't seem possible at the moment. |
|||
* friend them ... or something |
|||
* What are Blogs about? Is Mediagobblin a bloggingplatform, now? I can write someting and publish it, but I cannot even add Mediafiles. Strange. |
|||
* go somewhere else besides my profile page |
|||
* I didn't provide a title for an image, so it took the filename and striped the '.jpg' automatically. Cool :) Maybe it would be even cooler if the filename showed up automatically in the title field in the upload dialog? |
|||
* download original image |
|||
* Is it possible to set permissions about who is allowed to see the Media and who isn't? I didn't find anything. |
|||
* see full-size image |
|||
* It would be nice to be able to set default values for Mediafiles. Perhaps all I upload is CC0, always. |
|||
* use a public server |
|||
'''Other Comments''' |
|||
=== From Jenny on Google Chrome 13.0.782.220 in Mac OSX 10.6.8 === |
|||
* go to a real domain and make it public |
|||
* login ok, uploading file ok. |
|||
* can enter profile description but it doesn't seem to show up anywhere? |
|||
* no crash after attemping to upload a non-image and then uploading a real image (jpg) |
|||
* uploaded a sideways image and there is no way to rotate it. |
|||
=== From Jenny on Safari 5.1 in Mac OSX 10.6.8 === |
|||
* login ok, uploading ok |
|||
* same problem with profile description - it's filled in but doesn't appear in the profile. |
|||
* everything seems to work ok. |
|||
=== From Deb using Ubuntu 10.04, Lucid Lynx (Netbook remix version on an Aspire One) with Firefox version 3.6.18 for Ubuntu on 9.8.2011 === |
|||
* could still use a little note explaining how tags work |
|||
* submission is easy |
|||
* seems odd that I can't add a picture of myself to my profile on a picture site |
|||
* will people be able to search by pic tags? or search for users? |
|||
* will people be able to group pics into albums? |
|||
* maybe we could have something that is more obviously a dashboard than clicking on the username |
|||
=== From Jenny on Google Chrome 14.0.835.124 beta-m in Windows XP Professional === |
|||
*Log in ok, comments ok, deleting files works now. |
|||
*Profile info only shows up if the website is filled in. |
|||
*Adding a .bmp crashes chrome. |
|||
*Other image types seem to work - tif, gif, png, jpg. |
|||
*Adding other non-images give a message that it is not an image (txt, pdf, mdi). |
|||
*The <- -> buttons say 'Temporary button holder' beneath them. |
|||
*The .tif image doesn't display when browsing individual photos, just in the overall view. |
|||
=== From Jenny on IE7 in Windows XP Professional === |
|||
*Log in ok, comments ok, editing and deleting ok, uploading ok. |
|||
*Display - the profile website runs into the photos. The photos line up exactly with no space between them. Everything is top-justified rather than centered. |
|||
*The tif image doesn't display on the page for that image (where you can comment on it) - it does display on all other pages though. |
|||
*The save changes button is cut off so you only see the letters 'SAVE CHA'. |
|||
*The "Profile Edited" or "Posted Comment" comment dialog box displays over the username and logout buttons, as does the <- -> arrows. These also say 'Temporary button holder' which seems wrong. |
|||
= Past notes = |
|||
Are here, http://wiki.mediagoblin.org/User_Experience_Past_Notes |
|||
= General thoughts on running a user experience test = |
= General thoughts on running a user experience test = |
||
Line 79: | Line 146: | ||
There are many small tips and recipes on how to do your own testing. Especially look into the ''Methods'' part.<br> |
There are many small tips and recipes on how to do your own testing. Especially look into the ''Methods'' part.<br> |
||
Please let me know if you have any other experiences with testing, I intend on regularly updating that document and release the full version freely licensed once it’s done as well as some kind of a ''quick start guide''. |
Please let me know if you have any other experiences with testing, I intend on regularly updating that document and release the full version freely licensed once it’s done as well as some kind of a ''quick start guide''. |
||
Usability testing refers to evaluating a product or service by testing it with representative users. Typically, during a test, participants will try to complete typical tasks while observers watch, listen and takes notes. The goal is to identify any usability problems, collect qualitative and quantitative data and determine the participant's satisfaction with the product.To run an effective usability test, you need to develop a solid test plan, recruit participants,and then analyze and report your findings.This has been explained by [https://www.usability.gov/how-to-and-tools/methods/usability-testing.html Usability.Gov]<br> |
|||
Low Cost Usability testing can be carried out at the [http://www.techved.com/user-research-evaluation/usability-test Usability lab]. |
Latest revision as of 18:25, 29 March 2019
We need help doing user experience testing! This means users testing our software, observing what does and doesn't work for them, and recording that.
If you're here to help (HOORAY!) go to the testing instance set up by Caleb Davis: http://omgmg.dyndns.org:6543/ [EDIT: This link has been down since 2011 something, take a look at the Live instances instead]
Sign up for an account*, add some pictures** and play around. Take some notes and then either set up an account on this wiki and add your thoughts to this page or email them to press@mediagoblin.org. Please include your operating system and what browser you're using.
* Your email validation link may be in your spam folder!
** NOTHING ON THIS INSTANCE IS PERMANENT. This is for user experience testing only... your pics will be wiped!
You'll be able to give us the best feedback if you don't look at anyone else's notes before you start. Thanks for helping us with usability!! We really appreciate it!
User notes go in this section
By MutoShack (Goblinrefuge.com, Firefox 66.0, Linux Mint 19.2)
LOGIN/OUT:
- Can create account, log in and out just fine.
- No complaints here.
LINKS/BUTTONS:
- No a:hover attribute over links and buttons. Makes it hard to tell if I really am hovering over a link.
- Some links are underlined, others are not. Would be clean to make *no* links underlined, and only underline them on hover.
FEED:
- Works fine. Would work better with a "follow" feature, as then only posts I am subscribed to would appear in the home feed.
- No complaints for the functionality.
ACCOUNT SETTINGS:
- I am unable to change the name of my account.
- I am unable to create "playlists" of media.
- I am unable to set an avatar icon for my account.
- I am unable to set a "background header" for my account.
- Username is always in lowercase and is not editable.
- Unable to add more than one website link.
UPLOAD:
- Every supported filetype uploads perfectly.
EDIT UPLOAD:
- I am able to edit the name and description of my upload just fine.
TOPBAR:
- The hidden "account features" feels like a gimmick. Everything important could be put in the top-bar of the site without the need for JS.
- It is, however, very smooth and runs well.
FONTS:
- The fonts load correctly. I am not a fan of custom server-side fonts, but this is subjective.
BROWSER COMPATIBILITY:
- Runs well in Firefox, Chrome, Edge, IE11 and even NetSurf! No complaints.
RESPONSIVENESS:
- GMG scales well in small browser windows, widescreen windows, and cell phones. No complaints.
SPEED TEST:
- Fast even on slow hardware. Nothing to complain about here.
VIDEO:
- The "current position in video" diamond is not aligned properly, and the green/white striped bar goes past it slightly (other than that, it is a beautiful design).
- On the video details sidebar, "License" comes before "Download". I think download is a higher priority for the norm.
- Uploader is unable to set thumbnail.
COMMENTS:
- Comments are organized from oldest to newest. Should be vice versa.
- No "threads" support. This is a good thing, as it makes comments more about the video than about starting flamewars with other comments.
AUDIO:
- Audio files display and play properly.
- Audio visualization is a bit too much, for my taste, and could easily be replaced by the HTML audio player.
3D MODELS:
- Need further testing.
PHOTOS:
- Cursor does not turn into "pointing hand" whilst hovering over the image on FF 66.0, so it is not obvious that users can view image in HD.
PLAINTEXT:
- A lighter or darker Background-color should be applied to TXT files.
GENERAL THOUGHTS:
- I am unable to filter by media type on the home feed (e.g. "only display audio files"). This would be handy for people who are searching for a certain type of media.
- There is no searchbar by default. By convention, a long searchbar centred on the top of the page would make a lot of sense.
- There are no "like/dislike" or "follow" buttons.
- When no-one is logged in, the site encourages you to "Set up MediaGoblin on your own server!". If people cared, they would click the link to GMG in "This site is running Mediagoblin". Running servers is not a normal person thing.
From Kaligule on Forefox 45.0.1 on Arch Linux
- Testing goblinrefuge (Mediagoblin 0.8) https://goblinrefuge.com/mediagoblin/
- It would be great if there was at least some 'official' mediagobblin instance so the latest version can be testet. I know this is about decentralisation, but I wasn't able to find anyone with the newest version up and running.
- Register, Log in, Email confirmation works fine
- Profile description works fine, can be seen when looking at the profile: https://goblinrefuge.com/mediagoblin/u/kaligule/
- Well, I didn't find anything that didn't work.
- I would like to upload and tag multiple files at once (uploading is fixed in 0.9, at leastthats what they say)
- When watching one of my collections, where can I add (already uploaded) Media files to it? It doesn't seem possible at the moment.
- What are Blogs about? Is Mediagobblin a bloggingplatform, now? I can write someting and publish it, but I cannot even add Mediafiles. Strange.
- I didn't provide a title for an image, so it took the filename and striped the '.jpg' automatically. Cool :) Maybe it would be even cooler if the filename showed up automatically in the title field in the upload dialog?
- Is it possible to set permissions about who is allowed to see the Media and who isn't? I didn't find anything.
- It would be nice to be able to set default values for Mediafiles. Perhaps all I upload is CC0, always.
From Jenny on Google Chrome 13.0.782.220 in Mac OSX 10.6.8
- login ok, uploading file ok.
- can enter profile description but it doesn't seem to show up anywhere?
- no crash after attemping to upload a non-image and then uploading a real image (jpg)
- uploaded a sideways image and there is no way to rotate it.
From Jenny on Safari 5.1 in Mac OSX 10.6.8
- login ok, uploading ok
- same problem with profile description - it's filled in but doesn't appear in the profile.
- everything seems to work ok.
From Deb using Ubuntu 10.04, Lucid Lynx (Netbook remix version on an Aspire One) with Firefox version 3.6.18 for Ubuntu on 9.8.2011
- could still use a little note explaining how tags work
- submission is easy
- seems odd that I can't add a picture of myself to my profile on a picture site
- will people be able to search by pic tags? or search for users?
- will people be able to group pics into albums?
- maybe we could have something that is more obviously a dashboard than clicking on the username
From Jenny on Google Chrome 14.0.835.124 beta-m in Windows XP Professional
- Log in ok, comments ok, deleting files works now.
- Profile info only shows up if the website is filled in.
- Adding a .bmp crashes chrome.
- Other image types seem to work - tif, gif, png, jpg.
- Adding other non-images give a message that it is not an image (txt, pdf, mdi).
- The <- -> buttons say 'Temporary button holder' beneath them.
- The .tif image doesn't display when browsing individual photos, just in the overall view.
From Jenny on IE7 in Windows XP Professional
- Log in ok, comments ok, editing and deleting ok, uploading ok.
- Display - the profile website runs into the photos. The photos line up exactly with no space between them. Everything is top-justified rather than centered.
- The tif image doesn't display on the page for that image (where you can comment on it) - it does display on all other pages though.
- The save changes button is cut off so you only see the letters 'SAVE CHA'.
- The "Profile Edited" or "Posted Comment" comment dialog box displays over the username and logout buttons, as does the <- -> arrows. These also say 'Temporary button holder' which seems wrong.
Past notes
Are here, http://wiki.mediagoblin.org/User_Experience_Past_Notes
General thoughts on running a user experience test
Could someone with experience with this fill in info here? ;)
I (Jan-Christoph Borchardt) write a thesis at the moment on Coordinating low-cost usability testing in independent free & open source software projects
There are many small tips and recipes on how to do your own testing. Especially look into the Methods part.
Please let me know if you have any other experiences with testing, I intend on regularly updating that document and release the full version freely licensed once it’s done as well as some kind of a quick start guide.
Usability testing refers to evaluating a product or service by testing it with representative users. Typically, during a test, participants will try to complete typical tasks while observers watch, listen and takes notes. The goal is to identify any usability problems, collect qualitative and quantitative data and determine the participant's satisfaction with the product.To run an effective usability test, you need to develop a solid test plan, recruit participants,and then analyze and report your findings.This has been explained by Usability.Gov
Low Cost Usability testing can be carried out at the Usability lab.