User Experience - Revision history

MutoShack: Added usability test

2019-03-29T18:25:51Z

Added usability test

← Older revision		Revision as of 18:25, 29 March 2019
Line 11:		Line 11:

	= User notes go in this section =		= 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 ===		=== From Kaligule on Forefox 45.0.1 on Arch Linux ===

Rohan005: /* General thoughts on running a user experience test */

2017-07-20T13:17:58Z

General thoughts on running a user experience test

← Older revision		Revision as of 13:17, 20 July 2017
Line 73:		Line 73:
	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].

Kaligule: added User Experience

2016-04-01T14:20:29Z

added User Experience

← Older revision		Revision as of 14:20, 1 April 2016
Line 11:		Line 11:

	= User notes go in this section =		= User notes go in this section =

			=== 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 ===		=== From Jenny on Google Chrome 13.0.782.220 in Mac OSX 10.6.8 ===

Spaetz: Remove dreamhost instructions and move to Deployment page

2012-11-28T11:08:16Z

Remove dreamhost instructions and move to Deployment page

@@ Line 47: / Line 47: @@
 *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 =

Spaetz: /* Set up an WSGI environment on Dreamhost */

2012-11-28T11:07:34Z

Set up an WSGI environment on Dreamhost

← Older revision		Revision as of 11:07, 28 November 2012
Line 87:		Line 87:
	# Copy mediagoblin.ini and paste.ini from the ~/mediagoblin directory here		# Copy mediagoblin.ini and paste.ini from the ~/mediagoblin directory here
	# Create passenger_wsgi.py in your domain directory (e.g. ~/media.sspaeth.de for me):		# Create passenger_wsgi.py in your domain directory (e.g. ~/media.sspaeth.de for me):
	import sys, os		<blockquote><pre>import sys, os
	INTERP = "/home/<username>/local/virtenv/bin/python"		INTERP = "/home/<username>/local/virtenv/bin/python"
	#INTERP is present twice so that the new python interpreter knows the actual executable path		#INTERP is present twice so that the new python interpreter knows the actual executable path
	if sys.executable != INTERP: os.execl(INTERP, INTERP, *sys.argv)		if sys.executable != INTERP: os.execl(INTERP, INTERP, *sys.argv)

	from paste.deploy import loadapp		from paste.deploy import loadapp
	application = loadapp('config:/home/mediagoblin/media.sspaeth.de/paste.ini')		application = loadapp('config:/home/mediagoblin/media.sspaeth.de/paste.ini')

	#If in case of errors, all you get are mysterious error 500, you can set debug=true in paste.ini to see stack traces		#If in case of errors, all you get are mysterious error 500, you can set debug=true in paste.ini to see stack traces
	# Otherwise, add this:		# Otherwise, add this:
	#from paste.exceptions.errormiddleware import ErrorMiddleware		#from paste.exceptions.errormiddleware import ErrorMiddleware
	#application = ErrorMiddleware(application, debug=True)		#application = ErrorMiddleware(application, debug=True)</pre></blockquote>
		⚫	# Set up the database by issueing: <pre>gmg dbupdate</pre>

⚫	# Set up the database by issueing: gmg dbupdate
	# (optional but recommended) Serve the static files directly from the webserver.		# (optional but recommended) Serve the static files directly from the webserver.
	In paste.ini in this section: [composite:routing] comment out the static files:		:In paste.ini in this section: [composite:routing] comment out the static files:
	#/mgoblin_static/ = mediagoblin_static		#/mgoblin_static/ = mediagoblin_static
	#/theme_static/ = theme_static		#/theme_static/ = theme_static
			:and symlink the mediagobin/mediagoblin/static directoy to public/mgoblin_static

	~~and~~ ~~symlink~~ ~~the~~ ~~mediagobin~~/mediagoblin/~~static directoy~~ to public/~~mgoblin_static~~		: and mediagoblin/mediagoblin/themes to public/theme_static
			:
	and mediagoblin/mediagoblin/themes to public/theme_static
		⚫	:so it is displayed directly. This step might be different depending on your web server configuration. There is no reason that static

		⚫	:files need to go through all the python indirection when they can be served directly by nginx/apache/...
	so it is displayed directly. This step might be different depending
			:
⚫	on your web server configuration. There is no reason that static
		⚫	:In case you want to delete your git checkout after the installation (you don't need it, since you installed the mediagoblin package to ~/local/virtenv/lib/python2.7/mediagoblin... you should do the symlinking from there.
⚫	files need to go through all the python indirection when they can be
	served directly by nginx/apache/...

⚫	In case you want to delete your git checkout after the installation (you don't need it, since you installed the mediagoblin package to ~/local/virtenv/lib/python2.7/mediagoblin...
	you should do the symlinking from there.

	= Past notes =		= Past notes =

Spaetz: /* Set up your python virtualenv */

2012-11-28T11:04:25Z

Set up your python virtualenv

← Older revision		Revision as of 11:04, 28 November 2012
Line 55:		Line 55:
	# Unpack both		# Unpack both
	# Compile and install python locally:		# Compile and install python locally:
	<blockquote><pre>./configure --prefix=$HOME/local		<blockquote><pre>./configure --prefix=$HOME/local
	make		make
	make install</pre></blockquote>~~This will install python (I used 2.7.3) into /home/spaetz/local/... (e.g. .../bin/python)~~		make install</pre></blockquote>
			:This will install python (I used 2.7.3) into /home/spaetz/local/... (e.g. .../bin/python)
	# Install the virtualenv:		# Install the virtualenv:
	<blockquote><pre>~/local/bin/python ~/virtualenv-1.8/virtualenv.py $HOME/local/virtenv</pre></blockquote>~~You will now have: ~/local/virtenv/bin/python~~		:<blockquote><pre>~/local/bin/python ~/virtualenv-1.8/virtualenv.py $HOME/local/virtenv</pre></blockquote>
			:You will now have: ~/local/virtenv/bin/python
	# In ~/.bash_profile add:		# In ~/.bash_profile add:
	<blockquote><pre>PATH=~/local/virtenv/bin:~/local/bin:${PATH}</pre></blockquote>~~so that your local python will be preferred.~~		:<blockquote><pre>PATH=~/local/virtenv/bin:~/local/bin:${PATH}</pre></blockquote>
			:so that your local python will be preferred.
	Log out, log in again and test python" to see which version will be invoked. It should be the new python. Check "which easy_install" to see if the one in local/virtenv would be executed.
	~~You~~ ~~have~~ ~~now~~ a ~~local~~ python ~~installation~~ ~~that~~ ~~you~~ ~~can~~ ~~use,~~ ~~and~~ easy_install ~~will~~ ~~work~~ ~~with~~ ~~your~~ local ~~installation~~.		:Log out, log in again and test python" to see which version will be invoked. It should be the new python. Check "which easy_install" to see if the one in local/virtenv would be executed.
			:You have now a local python installation that you can use, and easy_install will work with your local installation.

	====Install mediagoblin as a site package====		====Install mediagoblin as a site package====

Spaetz: /* Install mediagoblin as a site package */

2012-11-28T11:01:55Z

Install mediagoblin as a site package

@@ Line 69: / Line 69: @@
 # Check out mediagoblin from git to e.g. ~/mediagoblin
 # Install MediaGoblin and all dependencies for MediaGoblin with easy_install.
-  - In the mediagoblin directory issue:
+:* In the mediagoblin directory issue:
-       python setup.py
+:<blockquote><pre>python setup.py</pre></blockquote>
 ====Set up an WSGI environment on Dreamhost====

Spaetz: /* Set up your python virtualenv */

2012-11-28T10:59:08Z

Set up your python virtualenv

← Older revision		Revision as of 10:59, 28 November 2012
Line 61:		Line 61:
	<blockquote><pre>~/local/bin/python ~/virtualenv-1.8/virtualenv.py $HOME/local/virtenv</pre></blockquote>You will now have: ~/local/virtenv/bin/python		<blockquote><pre>~/local/bin/python ~/virtualenv-1.8/virtualenv.py $HOME/local/virtenv</pre></blockquote>You will now have: ~/local/virtenv/bin/python
	# In ~/.bash_profile add:		# In ~/.bash_profile add:
	PATH=~/local/virtenv/bin:~/local/bin:${PATH}		<blockquote><pre>PATH=~/local/virtenv/bin:~/local/bin:${PATH}</pre></blockquote>so that your local python will be preferred.
		⚫	Log out, log in again and test python" to see which version will be invoked. It should be the new python. Check "which easy_install" to see if the one in local/virtenv would be executed.

	so that your local python will be preferred. Log out, log in again and test
	"python" to see which version will be invoked. It should be the new python.
⚫	Check "which easy_install" to see if the one in local/virtenv would be executed

	You have now a local python installation that you can use, and easy_install will work with your local installation.		You have now a local python installation that you can use, and easy_install will work with your local installation.

Spaetz: fight the formatting

2012-11-28T10:57:26Z

fight the formatting

← Older revision		Revision as of 10:57, 28 November 2012
Line 55:		Line 55:
	# Unpack both		# Unpack both
	# Compile and install python locally:		# Compile and install python locally:
	./configure --prefix=$HOME/local		<blockquote><pre>./configure --prefix=$HOME/local
	make		make
		⚫	make install</pre></blockquote>This will install python (I used 2.7.3) into /home/spaetz/local/... (e.g. .../bin/python)
	make install

⚫	This will install python (I used 2.7.3) into /home/spaetz/local/... (e.g. .../bin/python)
	# Install the virtualenv:		# Install the virtualenv:
	~/local/bin/python ~/virtualenv-1.8/virtualenv.py $HOME/local/virtenv		<blockquote><pre>~/local/bin/python ~/virtualenv-1.8/virtualenv.py $HOME/local/virtenv</pre></blockquote>You will now have: ~/local/virtenv/bin/python

	You will now have: ~/local/virtenv/bin/python
	# In ~/.bash_profile add:		# In ~/.bash_profile add:
	PATH=~/local/virtenv/bin:~/local/bin:${PATH}		PATH=~/local/virtenv/bin:~/local/bin:${PATH}

Spaetz: Running on Dreamhost

2012-11-28T10:39:33Z

Running on Dreamhost

@@ Line 47: / Line 47: @@
 *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 =