
Hi, I’m Brian Dys — a photographer from the inside looking out · a composer entangled in electronic music · a UX designer · a spouse, a parent, & everything in between.
A UI Review is a testing methodology conducted by a designer (UI/UX/Front-end) on web products prior to Usability Testing.
The first aspect to be reviewed is visual design and the second is usability.
This is conducted primarily to ensure that the obvious negative findings in a Usability Testing are lessened.
Consider this scenario:
It is recommended that a UI Review is conducted on a working product rather than on a prototype or mock-up because this puts the reviewer in the context of actual usage and not just a replicated one.
Commenting is disabled.
Months before the big day, I’ve heard a song, ‘Good Morning’ by Jah Rule – right there and then, I imagined it to be one of our wedding songs. In fact, it inspired me to compile all the songs that I dedicate to Jaycelle. One of those was ‘Hold My Hand’ by Hootie and the Blowfish. From there, the compilation grew and grew that I was able to categorize it by Preparation, Ceremony, and Reception. Over the years we’ve shared so many songs together, mostly from me and when I dedicate it to her, she would instantly like it. Some songs were soundtracks from movies we mutually like upon watching.
In fact that is how we started. During her 1st few weeks at LWS, we have gotten each other’s Yahoo! Messenger IDs and I would share some MP3s with her – songs that I find with mushy lyrics – songs that only sentimental types would like. These songs didn’t have consistent genres – from Tracy Chapman’s The Kiss to Chances by Athlete.
Now, on our 1st wedding anniversary I chanced upon a very apt song by Ed Sheeran – Thinking Out Loud. It prompted me to compile another 28-track mixtape for our 1st year. Came in second is Rico Blanco’s Time for You. Stars aligned for me to hear these songs and dedicate it to her.
I’m in the process of letting go/disposing of/getting rid of/selling stuff that I no longer need around the house. In line with this activity, I signed up for two online shops, namely: OLX and Tackthis. Both offer free registration so I went on to set up my online shops.
Just a disclaimer, this blog post does not intend to rigorously compare the two services – I would simply like to document my experience as a user/seller – specifically the noticeable stuff whether positive or negative. Also, this could be an ongoing piece of “review” as I go along with this new adventure of garage selling on the internet.
We’re working on two projects that we’d like to share with you – Visual Variables and Animation Diagram – both of which aim to bridge communication between visual and front-end designers working on web projects.
Check back on Monday for updates.
10/8/2014
Visual Variables and Animation Diagram are available!
The layout of HTML Patterns contains the following:
Both the textarea
of HTML and CSS are editable to immediately update and reflect the changes on the web view.
One thing that gets in the way is that the stylesheet of the site gets applied to the content in the web view. The favorable behavior is for it to appear unstyled by default and only the CSS in the source view will affect it.
div
and use style scoped
iframe srcdoc
Each of these solutions are not without quirks. I will do a quick follow up as I test for the best solution in this situation.
Stay tuned!
10/01/2014
As far as HTML Patterns is concerned, I settled with #1 – the original solution. Although style scoped
is only supported by Firefox, the important thing is that the HTML markup is seen and it is interpreted in the web view. An advantage for Firefox users – they will get to see the style in the web view, too.
Regarding resetting the style of elements in a specific container, the CSS property all
and its value initial
, again, is only supported by Firefox. What I did was to manually reset each property that was previously set by the HopScotch stylesheet.
iframe srcdoc
works best in bringing back the style of the content to browser default but it’s hard to control when it comes to live-updating the CSS (aside from the fact that, again, only Firefox supports that attribute).