gwilliamrobinson

Main menu

Skip to content
  • Home
  • Digital Sources
  • Masters Thesis
  • Professional Experience

Tag Archives: site

Post navigation

A review of the new Stereomood user experience – desktop site and app

Posted on October 16, 2012 by gwilliamrobinson

0

One of my favourite sites is the music listening platform Stereomood. Being such an avid user of the platform, it’s appropriate I give my thoughts on the new design of the site and its app too. As with any such review, it’s subjective nature does not mean that it is ‘the be all and end all’. Rather, it’s a personal take on what draws me in towards using Stereomood and what I would like to see changed. It is the attention to detail on the smallest things that make websites and apps easy and intuitive to use. Here are some of things I’ve noted with Stereomood.

For the purpose of this review I am going to ignore the fact that Stereomood does not have a mobile optimised website as generally I think that user behaviour for music listening platforms occurs predominantly through apps rather than mobile site.

Things I like: 

 

Speed and loading time on the site

The  improved speed of loading pages on the site. The new site is incredibly faster than the previous Stereomood. This vastly improves the user experience and reliability of the site and rids the site of the previous slow loading experience.

Inspiration-like search on the site

Inspiration search is something that works well on many other sites and apps (e.g. see the Cheapflights.com app and mobile site). The inspiration search functionality on the the Stereomood site constantly changes with different “I feel…” search prompts appearing in quick succession. These quick changing search prompts provide inspiration and promote engagement with the search box

The Stereomood logo

  • I really like the Steremood logo. The changing colour scheme throughout the logo mirrors the core nature of the product – the variety of moods of the music platform that match your music tastes. That is all.

Advertising to fund the damn thing

I know it seems strange that I actually like advertising on a web page. However, I am fully appreciative of the fact that such advertising, or affiliate and display advertising, funds Stereomood’s continuing existence. The current ad placement at the top of the website; the nature of the brand, music related content, and font type, all contribute to an extremely positive first impression of how this ad mixes in with the rest of the site. This is of course a fine line as an ad placement that mixes messages or doesn’t compliment the Stereomood brand and experience will have a negative impact on the site experience.

Advertising on the app cannot be said to be of the same complimentary nature. The ads on the Stereomood app, as are often found on apps, are not related to the product and do detract from the mobile user experience. Since this is a common trait I often find with apps, I will not penalise Stereomood on this occasion for this. A caveat this final point is that you do have the option to remove the ads from the app for 69p, which is a nice to have option built into the app.

Homepage and navigational UI on the app

The drifting nature of the moods, varying in size, speed, and shade, encourage browsing and discovery of music. I find this navigational method much more inviting and calming when compared to the static desktop site experience. Spicing up the desktop site with a navigation similar to the app would be a smart move, in my opinion.

Social media icons on the site

I really like that when you hover over the social media icons, they light up in their true brand colour scheme – Flickr visualised above. A small thing but again shows attention to detail and has a positive impact on impression.

Ecommerce icons for Apple and Amazon

Similar to the social media icons, I really like that when you hover over the social media icons, they light up a lime green colour – one of the primary colours used on the site (albeit not enough when compared to the app, to be discussed later). A small thing but again shows attention to detail and has a positive impact on impression.

Abstract library of music

After building up a healthy library of music added to my playlists, generally of a chilled out nature, I’ve realised that the vast majority of the music artists I’ve added were unknown to me beforehand. The library of music in Stereomood has opened me to a variety of new music artists, abstract and otherwise, that I would not have come across otherwise. One being a Vietnamese artist below as well as some acoustic version of popular songs not heard by many.

Display for a playlist for a mood on the app

The app uses touch and swipe navigational functionality to quickly bring up the playlist for a mood. This enables playlists to be hidden from view and reduce clutter on the screen, whilst also allowing it to be quickly to brought into view for scrolling through. A nice solution to hiding and quickly finding songs on a given mood.

Ecommerce  functionality in the app: attention to detail

Another feature in the app that compliments the ecommerce functionality (or linking to iTunes) in the app is Tap Anywhere To Close functionality. Again, exhibits attention to detail – easing the exit of redirecting to the iTunes and a recognition of the nuisance of pressing on an ‘X’, or exit button, on a touch screen. Again, it exhibits Stereomood’s attention to detail and having a keen eye on every aspect of user journeys including a feature like this.

Things I dislike:

Lack of consistency across site and app

There is lack of uniformity on the user experience between the site and the app; colour schemes, font, layout and structure, user journeys. Generally a consistent approach to site and app design is seen as  a best practice approach to design for digital web and app properties. A lack in consistency can lead to a degradation in user experience and confusion in user interaction with the product. In other words, people will sometimes have to think twice about clicking on a certain feature or completing a user journey, rather than it being second nature to them and intuitive by being comforted by a distinguishable design and layout. Here are some areas that need consistency:

The lack of commonality in the navigational method between the desktop site and the app discussed above.

The lack of commonality in the colour scheme between the desktop site and the app. The below image shows how a lime shade of green is a prominent colour in the app, whereas this colour does not play a prominent role on the site, indicated by the red circled area typifying this. A common colour scheme would reinforce the brand and the user experience across both platforms.

Different focus on personal profile on website and in the app.

The personal profile and bio section on the app is a strong feature, indicated by the blank profile photo silhouette. Wheres on the site, this blank profile photo navigates to the homepage. In order to find your personal profile, you click on your username on the desktop site. One approach needs to be clearly defined for what the objective of this logo should be, how you navigate to the profile, and what purpose it serves.

Search box(s) and app store links

The actual images used for the AppStore and Google play links are not of a high enough resolution quality. A quick and easy change this, and one that needs to be done as low resolution or grainy images annoy me.

The location of these images that act as links to the both app stores is located next to the search box. Although people are generally smart enough to know that these buttons do not act as the ‘go’ or ‘search’ buttons, there are in-buil cognitive  behaviours associated with completion of search with click on a button next to the search box. Thus placing these buttons in this location do have an impact on search behaviour on the site and how people will complete a search. Clicking on these buttons and in-completion of the search will lead to confusion and a negative impact on user experience.

Google, the trend-setter in search boxes, have a ‘go’ or ‘search’ completion box located beside the text area. A deviation of this layout can cause confusion for users of search boxes. The location and placement of the arrow at the end of the search box may lead users to think they click on the arrow to complete a search, which is not the case. People have ingrained expectations with search boxes from using Google and the Stereomood search box has a number of features which deviates from this.

The human silhouette located at the beginning of the search box is hyperlinked to redirect the Stereomood homepage which seems inessential. Normally clicking on a logo of this nature I would expect to be redirected to my personal profile or bio page. Overall the main search box, calls-to-action for completion of searches, and location of the images that link to external app stores need to be looked at again.

Finally, there are two search boxes located on the desktop site too is confusing. I get that main is aimed to be used as a discovery or search engine for music moods and the smaller search box to be used to search for artists or songs. However, if Stereomood is looking to expand its user-base, which I’m sure it is, it will need to simplify the search functionality – whittling down to one search box.

Ultimately, the site and app have some really great features and examples of attention to detail. However, I would like to see a more common approach to the user experience on both the site and app as user behaviour (including myself) dictates that people will use the site and app product at different times.

Advertisements
Posted in mobile, social & digital playbook Tagged app, design, desktop, digital, layout, mobile, site, UI, user experience, user journeys, UX

Coupling Pinboard.in with Google Search for research and discovering content

Posted on August 7, 2012 by gwilliamrobinson

0

Since migrating from the poorly redesigned Delicious bookmarking site to Pinboard.in, I have realised that Pinboard.in is now becoming more important to me in my daily routine and research in work.

The shift in strategy for Delicious from a purely bookmarking site to a social bookmarking site and the new UI to accompany this quickly led me to search and find Pinboard.in. What makes Pinboard.in attractive in its usability and user interface (UI), is its stripped down layout and service:

Pinboard’s strategy

“Pinboard is a bookmarking website for introverted people in a hurry.

The focus of the site is less on socializing, and more on speed and utility. Pinboard tries to offer useful features without getting in your way.

My highest priority is keeping your data safe over the long term.”

My Pinboard: A snapshot

Image

1,472 Sites Bookmarked

Since moving my bookmarks from Delicious to Pinboard.in and continuing to bookmark everyday, I’ve now realised that I have bookmarked 1,472 articles — yes, 1,472 unique articles that I’ve read, skim-read and thought worthy of future use for research.

My top tag in assigned to articles I’ve read is ‘mobile’ –  no surprise there since I work in the mobile industry.

Using Pinboard.in and Google Search for research

So how is that Pinboard.in is competing with a powerful search engine in my day-to-day research in work? Working in the mobile and emerging technologies sector means that I am aware of every new technology, shifts in technological limitations, and strategy from the major technology OEMs I work on/with. The dynamic nature of this industry dictates to me that I must stay ahead of the technological curve to stay relevant in the industry and with my clients.

Due to the fact that every article within Pinboard.in has been selectively inserted by another account/user means that the content I am searching is of a high quality content I find. Articles related to any of the below I find are written by individual blogs that carry more value and unique insights that the major sites may not present. This is the reason why Pinboard.in has become a valued research and news aggregator tool for me — knowing that the content is selectively input by other users and often has a much more unique flavour in insights presented. I know find that I am combining Pinboard.in and Google Search:

  • In my research for work;
  • Keeping abreast of the latest technology news;
  • More generally, looking at random content on the web related to user experience design and best practices, opinions on technology OEMs strategy, usability analysis for websites and mobile apps and sites, mobile development technical limitations and any content related to my industry;
  • Being a data junkie, consuming and archiving all content on the web.
Posted in mobile, social & digital playbook Tagged bookmark, bookmarking, co, consumption, content, delicious, google, news, pinboard, pinboard.in, search, site, technology, usability

NYC Event – MoMa: People + Technology, innit

Posted on November 15, 2011 by gwilliamrobinson

0

Description of event

Talk to Me explores the communication between people and things. All objects contain information that goes well beyond their immediate use or appearance. In some cases, objects like cell phones and computers exist to provide us with access to complex systems and networks, behaving as gateways and interpreters. Whether openly and actively, or in subtle, subliminal ways, things talk to us, and designers help us develop and improvise the dialogue.

The exhibition focuses on objects that involve a direct interaction, such as interfaces, information systems, visualization design, and communication devices, and on projects that establish an emotional, sensual, or intellectual connection with their users.

List of works at event

http://www.moma.org/interactives/exhibitions/2011/talktome/objects/

Review of event in media

Paint with your eyes? Design may change tech: http://money.cnn.com/2011/07/27/technology/moma_design/index.htm

My favourite work at the event

Newsmap.jp: http://www.moma.org/interactives/exhibitions/2011/talktome/objects/146231/

Description
In the age of information saturation and overload, several news-aggregating websites and mobile applications cut through the noise by presenting the news landscape in a visually organized way. Newsmap draws on Google News’s constantly updated feeds and is arranged like a treemap (a hierarchical way of representing data that uses nested rectangles as an organizing element).

Posted in mobile, social & digital playbook Tagged data, information, media, mobile, moma, news, personal, site, technology, visualisation

Post navigation

Categories

  • extracts from studies
  • mobile, social & digital playbook

Recent Posts

  • A review of the new Stereomood user experience – desktop site and app
  • egaming industry analysis: What does Bingo Friendzy on Facebook mean for the rest of the industry?
  • Digital strategy planning for the future is futile
  • Are mobile apps under-appreciated as products?
  • Post Radian6-talk: My experience working with social media monitoring tools

Tag Cloud

advertising app apple apps arouse behaviour blood BMW brand branding business carrier communications consumer consumer behaviour controversial controversy creative creativity culture data delicious desensitization design digital emerging engagement facebook fashion fear fear appeals foursquare future generation kill google hard hitting html5 immunity barrier information innovation insights interactive iphone likes marketing media MMA mobile news offensive personal products promotions provoke publishing retail shock shock advertising shock tactics site smartphone social sports strategy tablet tech technologies technology telecommunications tightrope twitter UFC violence wall street journal youtube

Recent Twitter Posts

Error: Please make sure the Twitter account is public.

Advertisements
Blog at WordPress.com.
Cancel