Skip to main content

UX App Review - Superhero Coloring Book

I've always love apps that has a good user experience but user experience varies a lot from culture (lot of white space vs condense information, portal like, which is famous in china) but there are things that are common like top-left down visibility and others that makes a website/app really good for users.

Part of why i revive this blog is so that i could review apps but not from the perspective of how good they are or you should download them but from the view of how good the user experience is. The posts would probably be short and there will be a lot of images :)
Here is the first view app, this was submitted at Android Apps community at G+.

Superhero Coloring Book
Main Screen
In the main screen, you could swipe or click the arrows for the next/previous page, which is good. However the icons are miss leading, the lower left is actually an icon to rate the app not an IM feature. The lower right is to my saved pictures, the icon is fine. I wish the sound icon was here which was in the coloring screen

Colouring Screen
The top most left is the sound icon which should have not been in the colouring screen as it doesnt involve anything about that screen, the icon placements are a bit off but its not that bad. There seems to be no indication if you're using the bucket or the pencil or the eraser. There's a colour buckets and a color picker and they are quite far from each other. If i colour something and hit back, it wont ask me if i want to save the image. When you click clear the page, you could still colour from behind.

Saved Images Screen
No indication that you have no saved images.


Those were the screens and i hope the develop improves his app :)

Popular posts from this blog

Winamp Spotify Treasure hunting

Back in the days when WinAmp was huge (So was tripod and geocities), WinAmp users like to share their playlist. Most of these playlist are still available online through googling and a lot of them are actually good throwback playlist. With that in mind, I created a javascript script that would change the winamp playlist (pure text) into a spotify search link.

An example of this, say you liked the 90s rock scene. You would google "winamp playlist pearl jam silverchair" and some of the results will return with the title "Winamp Generated PlayList" and these are what we would like to treasure hunt on. Then
Click on of the result.
Right click anywhere in the page, select Inspect (Chrome) or Inspect Element (Firefox)
Select the Console
Paste this
$$('ul font small')[0].innerHTML = $$('ul font small')[0].innerHTML.split('<br>').map((val) => { return '<a style="color:white" href="spotify:search:' + encodeURIComp…

Laravel 4.2 and App Engine

Was trying to make Laravel work with App Engine when i saw this post Laravel 4 on Google AppEngine for PHP, have tried to make it work but it seems there are some things that needs to be updated to make it work.

First off follow everything the blog until THE MCRYPT PHP EXTENSION then on that part we have to change "require": { "laravel/framework": "4.2.*", "neoxia/laravel-openssl-encryption-42": "dev-master" },
Then continue to follow the blog again. Then on THE LARAVEL 4 LOGGER, change $monolog->pushHandler(new Monolog\Handler\SyslogHandler('intranet', 'user', Monolog\Logger::DEBUG, false, LOG_PID));
Then before executing ./artisan optimize     open LaravelOpensslEncryptionServiceProvider.php, add to the top use Illuminate\Encryption\Encrypter;
Then lasty the part of UNIX_SOCKET, you could ignore it, it seems fixed for 4.2

LaMetric Python App

Creating a personal stock app for LaMetric is super simple, all you need is create an account at developer.lametric.com and have an url with your data. Depending on how you want the data to appear, the format should be in json and how it appears in the creation process.

I used appengine to host my data and used the metric data format


Here is the python code
import urllib2 import json # get stocks data using yahoo finance stocks = ['0002.HK', '0005.HK', '0011.HK', '0992.HK', '0066.HK'] url = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22" + ("%22%2C%22".join(stocks)) + "%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json" result = urllib2.urlopen(url) data = json.loads(result.read()) # create frames based on the metric data format frames = [] for stock in data['query']['results']['quote']: …