Interaction Design Portfolio

Page 1

DESIGN portfolio

Interaction Design


a simple weather app

iphone 6 plus


Given Wireframes for Task


New created wireframes Will open up with you current location through GPS.


The Selection of Location Due to the size of screen, a special provision for zooming in and out has been provided. A button which is easily accessible for adding the place to the ‘My list’. The icons on the navigation bar can be accessed by by special feature of ‘one handed Reachability’ where screen gets down after double tapping on home button where a person can easily touch it with thumb.


My List User earlier has added locations from the map. He can view ‘my list’ to know the temperature and forecast of those places.


Screens


Screens


Screens

9:41 AM

IIT Guwahati Assam, INDIA Sunny

39°c

25°c

Kothrud

Pune, INDIA Cloudy

24°c

12°c

New York City NY, USA

Snowy

2°c

Settings

Location

-5°c

My list


Screens


BRANDZIE

a social e-commerce experience


Literature Study & Brain Storming

Social e-commerce Social Media

e-commerce

Publishing Upload Content Share

Emotion over content how they feel (status) like comment

Colaboration

Free web space Free web address

Community driven Build conversations create groups

Product presentation Images

Categories / Classifications Variety to choose All at one place

Zoon view

Wish cart / My cart Product comparisons Engagement Build profile create pages chat clients

Alternate views Consumer reviews

virtual shopping

Offer zone

Consumer satisfaction Happy Saving

Product on human Real life scenario

Better understanding

Build Trust Product demos Track Order Customer care

Cash on Delivery


Shopping : Real Life situation

Shopping : e-commerce and online purchase

No comparison of prices

Comparison of prices with different sites.

Human Service Factor, Personal Assistance

No Personal Assistance

Social Hangouts with friends.

Only on social media sites.

Choose only available stock.

Choose from variety of stock.

Trial Rooms.

Human Models (images)

Tangible products & detail view.

2D static images of products

Time consuming

Time saving

No reviews from earler buyers.

Reviews and rating from the earlier buyers to guide the users.

Literature Study & Brain Storming

Requirement of

‘Commerce through engaging collaborative online Environment’


Studying Social Media Profile

Recent activities Notifications and messages

Literature Study & Brain Storming

Post Status or what you feel

A personalized profile with your picture, pages, groups and apps which is easily accessible.

Ads according to your search history

Studying e-commerce Profile Notifications and Profile

Search and Categories

Default ads and promotions


Literature Study & Brain Storming

**

Case Study:

Overstock Auctions Overstock is an online retailer that offers brand name merchandise at discounted prices over the Internet. Overstock Auctions, the online auction platform of Overstock, launched in 2004, supports a large community of users worldwide. Similar to eBay’s Feedback Forum, buyers and sellers on Overstock Auctions.

Some interesting features of Overstock Auctions :

Seek out purchases from friends or friends of the friends.

Build community across buyers & sellers.

Create free personal pages, post photos, list hobbies & interests, publish friends & business contact list.

Create personal network. User can invite friends to be part of his network. He can even rate each person.

Business and product rating.

** Source : Do Social Networks Improvee-Commerce? A Study on Social Marketplaces : Gayatri Swaminathan


Persona & Potential User.

Name About them

Goals

Behaviour

Expectation

Brijesh

Manali

Kunal

Working Professional Age: 45 Trendy and young hearted.

Masters Student Age: 23 Fashionista.

Junior College Student Age: 17 Technology Freak.

Usually buys cloths and accesories for the family.

Shopping, Gossip & Enjoyment.

Try and get latest electronic gadgets.

Likes to be updated about new trends.

Want to buy the trendy cloths as soon as they are in the market.

Has to be discounted because of low pocket money.

Likes to check out new Suits and Blazers

Gives opinions about what to wear and what not to almost all her friends.

Compares prices all across different ecommerce websites for a better deal.

Takes opinion from his young collegues in office.

Who says you can window shop on ecommerce?

He has more friends who know more about electronics whom he trusts.

Get a good service and easy recommendations from others.

Updated stock and discounts and sales.

Likes to only view things according to his interests.

Would like to share all her collection with her other fashionista friends.

Will like to see all possible options across different ecommerce websites. Give him the best possile deal with least money involved.


Wireframes & concept development

brandzie


Wireframes & concept development

icons Logo Name

search bar Tab

Tab

Tab

Tab drop down menu

Activities

Activities

site logo

Product

site logo

Product

site logo

Product

Activities

site logo

Product

site logo

Product

site logo

Product


Final Design & Features

brandzie Name

Surname

email or phone number

new password

brandzie

Birthday Day

Female

Month

Male

Register

Landing screen & Sign up details screen.

Year


Final Design & Features

brandzie Welcome Yashodhan Mandke

Search Interests

Men

Electronics

Books

Kitchen

More stores

Recent Activities

flat

50%

off

On all Speedo Swimming accesories

Home Screen Consists of clean interface with the smart ads popping up about the interest you have and also your search history.


brandzie Welcome Yashodhan Mandke

Search Interests

Men

Electronics

Books

Kitchen

More stores

Recent Activities

Yashodhan Mandke Gold Member

Abir bought JBL speakers you recomended. Congratz! You have won 50 points!

Settings Royal Son What0625 Aviator Sunglasses 77% off! only for Rs. 499/-

Interests Sumit posted a opinion poll. Help him!

Abir bought JBL speakers you recomended. Congratz! You have won 50 points!

Offer Zone soon to be declared! STAY TUNE!

Edit interests

Activity box & drop down menu Consists of recent activities in your friend circle and also various sites like about their offers. Drop down menu consists of your rating as a shopping person. Also when you invite your friends or tag them to buy something, you receive points. More the points, the valuable customer you become to the brandzie. Thus strating from regular to gold member to platinum member.

Top Shopping Buddies Abir Nagia

Sumit Arora

Binoy Cyriac


brandzie Welcome Yashodhan Mandke Recent Activities

Search Interests

Men

Electronics

Books

Kitchen

Interests > Swimming > Goggles

More stores

Sort by :

Relevence

Speedo Rift Pro Swimming Goggles

Rs. 1499/Ask Opinion

Tag a friend

Speedo Rift Pro Swimming Goggles

Speedo Pacific Strom Adult Swimming Goggles

Rs. 1499/-

Rs. 899/-

Ask Opinion

Tag a friend

Ask Opinion

Nabaiji XBase Adult Swimming Goggles 26% off : Rs. 249/-

Rs. 186/-

Tag a friend

Ask Opinion

Tag a friend

Product view screen The screen shows various options from the different ecommerce websites. Also gives you 3 options. 1. Directly clicking on the product takes you to the website of the product where you can buy it. 2. You can ask opinion to your friends before purchasing the product. you can also conduct poll asking friends about various options. 3. You can tag your friend to this product. He may later visit it and see what he was tagged for. If he buys the product, then you get points for recommending it.

Cosco Aqua Wave Swimming Goggles

Rs. 290/Ask Opinion

Adidas Aquazilla Swimming Goggles

Puma Regular Swimming Goggles

13% off : Rs. 999/-

11% off : Rs. 899/-

Rs. 871/-

Tag a friend

Ask Opinion

Rs. 799/-

Tag a friend

Ask Opinion

Tag a friend


brandzie Welcome Yashodhan Mandke Recent Activities

brandzie Welcome Yashodhan Mandke Recent Activities

Search Interests

Men

Electronics

Books

Kitchen

Interests > Swimming > Goggles

More stores

Sort by :

Relevence

Search Interests

Men

Electronics

Books

Kitchen

Interests > Swimming > Goggles

Speedo Rift Pro Swimming Goggles

Rs. 1499/Ask Opinion

Sort by :

Speedo Pacific Strom Adult Swimming Goggles

Ask Opinion

Relevence

Speedo Rift Pro Swimming Goggles

Speedo Pacific Strom Adult Swimming Goggles

Nabaiji XBase Adult Swimming Goggles

Rs. 1499/-

Rs. 899/-

Rs. 186/-

Nabaiji XBase Adult Swimming Goggles

Rs. 186/-

Tag a friend

Ask Opinion

Tag a friend

Ask Opinion

Cosco Aqua Wave Swimming Goggles

Rs. 290/Ask Opinion

Adidas Aquazilla Swimming Goggles

Puma Regular Swimming Goggles

13% off : Rs. 999/-

11% off : Rs. 899/-

Rs. 871/-

Tag a friend

Ask Opinion

26% off : Rs. 249/-

26% off : Rs. 249/-

Rs. 899/Tag a friend

More stores

Tag a friend

Ask Opinion

Abir Nagia

Tag a friend

Ask Opinion

Sumit Arora

Tag a friend

Binoy Cyriac

Rs. 799/-

Tag a friend

Ask Opinion

Tag a friend

Select other friend

Tag the friend After clicking tag button, you can tag your friends who you want to share products with. The friends you tag the most will come first. You can also select others by the button below.

Cosco Aqua Wave Swimming Goggles

Adidas Aquazilla Swimming Goggles

Puma Regular Swimming Goggles

Rs. 290/-

Rs. 871/-

13% off : Rs. 999/-

11% off : Rs. 899/-

Ask Opinion

Tag a friend

Ask Opinion

Rs. 799/Tag a friend

Ask Opinion

Tag a friend


brandzie Welcome Yashodhan Mandke Recent Activities

brandzie Welcome Yashodhan Mandke Recent Activities

Search Interests

Men

Electronics

Books

Kitchen

Interests > Swimming > Goggles

More stores

Sort by :

Relevence

Search Interests

Men

Electronics

Books

Kitchen

Interests > Swimming > Goggles

Speedo Rift Pro Swimming Goggles

Rs. 1499/Ask Opinion

Sort by :

Speedo Pacific Strom Adult Swimming Goggles

Ask Opinion

Relevence

Speedo Rift Pro Swimming Goggles

Speedo Pacific Strom Adult Swimming Goggles

Nabaiji XBase Adult Swimming Goggles

Rs. 1499/-

Rs. 899/-

Rs. 186/-

Nabaiji XBase Adult Swimming Goggles

26% off : Rs. 249/-

26% off : Rs. 249/-

Rs. 899/Tag a friend

More stores

Rs. 186/-

Tag a friend

Ask Opinion

Tag a friend

Ask Opinion

Tag a friend

Ask Opinion

+

+

Tag a friend

Ask Opinion

Add products to compare

Tag a friend

Add products to compare

Speedo Rift Pro Cosco Aqua Wave Swimming Goggles

Rs. 290/Ask Opinion

Adidas Aquazilla Swimming Goggles

Puma Regular Swimming Goggles

13% off : Rs. 999/-

11% off : Rs. 899/-

Rs. 871/-

Tag a friend

Ask Opinion

Rs. 799/-

Tag a friend

Ask Opinion

Tag a friend

Post Opinion Poll

Ask Opinion Before purchasing the product, you can ask friends about their opinion on it. You can also compare diffrent products. After sharing this, it will get published on wall and people can give comments and opinions about it.

Cosco Aqua Wave Swimming Goggles

Adidas Aquazilla Swimming Goggles

Puma Regular Swimming Goggles

Rs. 290/-

Rs. 871/-

13% off : Rs. 999/-

11% off : Rs. 899/-

Ask Opinion

Tag a friend

Ask Opinion

Rs. 799/Tag a friend

Ask Opinion

Tag a friend


Notification Bar

Abir Tagged you to a product : Royal Son What0625 Aviator Sunglasses

Online

Sumit Tagged you to a product : Speedo Rift Pro Swimming Goggles

Stand By

Binoy Tagged you to a product : Yonex Muscle Power Badminton Racquet

Busy

Jojo Tagged you to a product : Nike Airmax 2014

Offline

Tagging : Receives a notification when you are being tagged by friend to a product. Video Chat : Can check which friend is online, and can give a video call while doing shopping. Opinion Poll : When a friend posts for a opinion, its suggests you to visit his page and help him by giving your opinion. Shop Chat : Messages you can send and chat while you are shopping with your friends.

Sumit posted a opinion poll. Help him!

Hey Dude!! Check this shoes... I havent tagged you. tell me if you are buying... I will tag you before that and get points :P


About the Design The Design Solution, ‘Brandzie’ is tries to redefine the ecommerce website with the skeleton of a social media. Here, the experience of shopping can be taken with wide range of options available to you. One of the best feature is to just tag the friend on the product itself. Another one is to create a opinion poll about our likings. Most often we like something, but we always wonder what people will think about it when I wear this or have it. After confirming with someone we trust, we always purchase thay thing in confidence. The experience of shopping with friends can also be achieved by actually chating or video chatting with them. Due to time constrain, it wasn’t possible to design all the screens, but the screens are designed to give fair idea about the concept and its implementation. Brandzie, thus has potential to provide a seamless and integrated social shopping experience for the user.


A design for the elevator of 1000 story building.


Search the destination

Brain Storming the Problem

information design

notification reduce manual load

reduce cognitive load

Selection

floor display

1000 floors

Optimizing elevator schedule.

Elevator ‘X’

user fear

Engaging the user

Users multiple passengers order & management

possible personas Residents

Employees

entertaining the user while using elevator music

Visual

Visitors Staff

Task Requirements:

Important factors to be considered:

A design for the elevator (lift), which will make us reach each of 1000 floor of the building.

Reduce manual load.

How a user selects a floor. How the floors are displayed to people in the lift. Two variants of designs. Create design and a storyboard.

Information design & floor display. Optimizing elevator schedule. Order & Management. Entertainment or engaging the user while using the elevators.


Brain Storming the Problem

Fastest elevators ever used:

Being a 1000 storey building, very fast elevators will be used to cover that distance. Heres the case study of the one of the fastest lifts ever used in the world. This also enables us to think how much time will our elevator take to reach last floor from the ground floor. Considering current fastest, it will take around 7 mins 30 secs non stop from top to bottom. This time factor might play crucial role while designing the elevator panel.

Case Study 1

Case Study 2 (Proposed Concept)

Taipei 101

Guangzhou CTF Finance Centre

1,667 feet.

1,738 feet

101 floors

111 floors

Elevator Speed:

Elevator Speed:

1 to 89 floor:

1 to 95 floor:

37.6 mph

45 mph

40 sec

43 sec

Manufacturer:

Manufacturer:

Toshiba

Hitachi


Users & Persona

Users

Goals

Behaviour

Resident

Employee

Visitor

Reach the house without much of manual work.

Reach the office without much of manual work.

Will like to reach desired destination without getting lost.

Will like to reach desired destination ASAP.

Use the elevator for most of the times.

Use the elevator almost everyday

Should understand how to operate the elevator.

Should finish the job without much problem.

Will like to maintain privacy.

Use just one floor.

Go out for work and other daily chores.

Only uses lift for coming and going. Rarely for other time.

Will try to explore how elevator works.

Has to be patient, as he will have last priority when it comes to going to any floor. Might have to stay in elevator for most of the time.

Will be most aware about how elevator works.

Expectation

Staff

Not get bored using the same lift again & again.

Will like to reach his destination fast as he has to be a professional.

Will like to enjoy the experience of a 1000 storey building.

Will like not feel like wasting time as it will take considerable time to reach his home or ground floor.

Like to have a good experience in the elevator as it might take time to reach to the desired floor.

Easy to operate the elevator.

Smooth ride everytime and not getting frustrated with the same experience again and again.


Wireframes & Viable Options

Design 1: Knob and slider to be controlled by user to select the floor. The screen above the controls is for information of next floor and in how much time is. Also for entertainment of user, a music player is installed where a user can forward, rewind & play or stop the song. For the user’s information, for where he is, a information graphic and floors it approaching is displayed.


Wireframes & Viable Options

Design 1: Details about panel used by the users for floor selection. Touch screen slider for selecting the nearby floor (in hundreds).

Screen displaying the slider.

Screen displaying the floor.

Knob for selecting the exact floor.

Tactile selection buttons.

Emergency Buttons


Wireframes & Viable Options

Design 2: Tactile buttons used by the users to type the floor. Can cancel and select. The exciting feature to reduce the manual load of the users. Radio-Frequency IDentification cards given to the residents, employees and staff for their required destination. All they have to do is hold the card near RFID card slot and their floor will get automatically selected. In case they forget their card, they can manually use the buttons. For visitors, on registration, they can get temporary cards for there stay at the building. All the people can access the lift through card, but still manually can operate in case of any problem. The top most screen gives information about the latest headlines, weather report, some good habits to follow and also some interesting facts. This will keep users updated about happenings as well as keep them engaged not getting bored. For the user’s information, for where he is, a information graphic and floors it approaching is displayed. Also a speedometer for lift’s speed in installed to make users aware about the swiftness of the fast lifts.


Wireframes & Viable Options

Design 2: Details about panel used by the users for floor selection.

Screen displaying the floor.

RFID card slot.

small lights to indicate correct RFID selection.

Emergency Buttons

Floor selection buttons.

Selection / Cancel buttons.


Final Design

After analyzing both of the viable options, the second option of RFID technology is decided to be final design.


Final Design

User Interface & working of each panel: News Screen It will project the current headlines, horoscope, thought of the day etc. It will engage people when have to spend more time in the elevator. The screen will contain new information everyday, thus making it new each day for the viewer. The screen also contains the date, day and time. Also, current temperature and climate is shown.


Final Design

User Interface & working of each panel: Elevator Performance Screen It will project the performance of the elevator. Where it currently is, and where is the destination. As it might take a while to reach a far floor, estimated time will give an idea to the user about his waiting time. With new technology and fast elevators, they reach an amazing speed. Thus it will show the users about its fascinating performance. At right side, the graphic of building shows exactly where we are. Graphically represents the coverd floors and upcoming floors.


Final Design

User Interface & working of each panel: Panel for user to use The tactile buttons used for entering the number. Can put the number and can confirm it by pressing green tick mark button. Or the user with RFID card can simply hold his card near the card slot, and thus can confirm it by pressing the green tick mark button. The person can even cancel by doing the same process of entering number or card and pressing red cross button. For the emergency situations, the user can press alarm or call the security room.


Final Design

Panel outside the elevator: To manage the flow of the crowd, a panel is installed outside the elevator door. The user can use his card for a specific floor. Otherwise manually he can call lift using up or down button.


22:30

Rainy

Wednesday 26 Nov. 2014

11 c

Humidity : 100%

TODAY’S THOUGHT “An ounce of practice is worth more than tons of preaching.” - Mahatma Gandhi

Final Design


Design Storyboard

Hi...my name is Ashok. I work in a office situated in a 1000 storey building. Such a marvelous structure. Lucky to work here.

Well all I need to do is hold my RFID card. There you go! Now all i need to do is get in the elevator.

Ohh....still 5 minutes remaining till the elevator reaches groud floor. I didn’t have breakfast. Let me grab a sandwich till lift comes.

Perfect. Done with breakfast without wasting the time.


Design Storyboard

I forgot to read the newspaper today. But this panel is cool. I get to know the headlines here. Keeps me updated! Wow.. lift has the speed of 35 mph. I am travelling so fast!

There comes my office floor. See you in the evening elevator!

Time to go home! Ohhh...i forgot card in my office! no problem, i will take it tomorrow. I can call the lift manually.

Ahh....ground floor! Done. Ohh well...the horoscope says I will have a good day. Indeed I did have a good day! See you tomorrow elevator!


Why according to me its an excellent design?

22:30

Rainy

Wednesday 26 Nov. 2014

11 c

Humidity : 100%

TODAY’S THOUGHT

Reduced manual load by using RFID technology. Also reduced cognitive load as RIFD will be flawless and the user doesn’t have to worry about where he will be reaching.

Simple display of information which can be universally understood.

Use of tactile buttons rather than screen interface. To make it more stronger and durable as well.

Better order and management with the panel outside the elevators. The user can slect their floor before getting into the lift. Thus no rush to select floor inside the elevator.

Engages users by giving various options. Headlines, horoscopes, thoughts etc. Also, gives the estimate time so that user has an idea exactly how much time he has to spare in the elevator and thus plan accordingly.

“An ounce of practice is worth more than tons of preaching.” - Mahatma Gandhi


Mobile App. Design

T

houghts is a mobile application to voice your opinions and interact with others. User can post thoughts of their interest and tag them with appropriate categories. Users can like, dislike, follow topics and people of their interest. They can also meet likeminded people in their vicinity. Users can also stay anonymous and still use the app.

Landing Page

Sign In Page

Sign Up Page


‘Nearby’ Tab

New Post Detail

Pull In Drawer

Messages Page


Chatting Page

Profile Page

New Post

Category Page


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.