Jen Randolph, Interaction Designer
Selected Work, 2008—2009
Aug 2008
– TickerHound
The main issue with the Edit Profile process was that it was not clear to the user whether they had chosen a TickerHound Avatar or their own uploaded image for their profile picture. Secondary issues included form elements out of visual alignment and the need to add a fourth tab for users to set their newsletter and alert preferences (this is pending release).
I separated the profile picture into 2 tabs - one for TickerHound Avatar and one for uploading a custom image - and introduced a toggle to make it clear to the user which of these images they were currently using for their profile.
Visual design changes included adjusting alignment and spacing of all form elements to line them up consistently throughout all the tabs.
Changes were built with XHTML, CSS, and JavaScript; I worked closely with the CTO to ensure that these changes worked across all browsers and fit in nicely with existing code.
In addition, I suggested content strategy in regards to strengthening the meaning of the TickerHound Avatar - such as Avatar-specific forums and newsletters, and content/advertising targeted to each Avatar.