Emotional Interface Design

This client project I worked on required me to redesign a few webpages and also add a layer of emotion to the overall user experience. The target demographics being college students, the pages needed to be redesigned with a sense of simplicity, security, positivity and attractiveness.

Project Research

  STUDENTS DASHBOARD

The student’s dashboard is where a student logs in to check: Companies that have selected them Companies that have rejected them Interviews lined up Test that are pending Overall job opportunity scenario Personal insights. Keeping these scenarios in mind, a user is normally excited, anxious or even nervous. Hence the design needed to cater to a domain of these emotions. The design was laid out on 3 levels:

VISCERAL LEVEL This level has to do with the initial impact of the appearance, touch and feel of the overall dashboard. I split the insights, analytics and results into obvious and well-defined sections. This helped a user navigate to his goal almost instantly. Apart from that, combining textual and visual elements helped users interpret results just by glancing rather than reading insights and results.

BEHAVIORAL LEVEL On this level it was important to know how users reacted to the content on the dashboard. I needed to ensure that the message conveyed, triggered the right actions in response. Considering facts like the user could be over excited or frustrated and disappointed, it is crucial to have their responses guided in every situation.

REFLECTIVE LEVEL The reflective level represents the highest level of our cognitive thought processes. This layer ensures that what the students look at simply reinforces their mental models rather than having them to learn to use it. The dashboard is enhanced at this level by use of visual elements that could map a direct real word interpretation.

  PRICING PAGE

The student’s pricing page was where a student upgrades his account. Important factors that needed to be considered here were: Students are aged anywhere between 14-22 years. Not all have experience in online transactions. Fear of online purchases. Natural tendency to go for a FREE option. Keeping these scenarios in mind, a user is normally scared, insecure, confused or even nervous. Hence the design needed to cater to a domain of these emotions. The design was laid out on 3 levels:

VISCERAL LEVEL This level has to do with the initial impact of the appearance, touch and feel of the overall dashboard. I used ice creams to help layout the 2 available profile packages. The idea here was to present an easy going, fun upgrade page. Though ice creams have no significance with a student’s profile, the goal was to give the user an element that reduced the visual seriousness of the page. Now the user is left to choose between a stick and cone ice cream. Again I removed the typical free banner from the package and replaced it with Rs.0.00 This was in order to ensure a visual balance to the importance factor. Colors played a crucial role in setting the tone of the page.

BEHAVIORAL LEVEL On this level it was important to know how users reacted to the content on the dashboard. I needed to ensure that the message conveyed, triggered the right actions in response. The data needed to be placed very clearly without any ambiguity. Again in order to guide the user it was important to have an FAQ to answer their queries.

REFLECTIVE LEVEL The reflective level represents the highest level of our cognitive thought processes. This layer ensures that what the students look at simply reinforces their mental models rather than having them to learn to use it. The page appears like what most pricing pages do, but on a much less serious and confusing scale.

Design & Visuals

CONNECT

If you need to get a hold of me directly, I would suggest sending an email or connect on LinkedIn. Quick notes through Twitter is the absolute best way of reaching me, and my reply will be much quicker. For anything else, drop me a mail.

jonathanpimento [at] gmail [dot] com