UX/UI Mobile App Report

USER EXPERIENCE

DESIGN Project Guides:Mr. Rajendra Thakre Mr. Bipin Draftadar

USER EXPERIENCE

User experience (abbreviated as UX) is how a person feels when interfacing with a system. The system could be a website, a web application or desktop software and, in modern contexts, is generally denoted by some form of human-computer interaction (HCI) UI Design is basically designing a user friendly interface that ease to use, clean and in working condition and mainly focuses in the users interaction with Application, Website or Software to make it enjoyable experience.

Usability Design

Human Factor Utility HCI

UX

Accessbility Marketing

Concept Domain

Design

UI

Requirements Research

Ergonomics

System Performance

Validation

DESIGN

USER EXPERIENCE

Device: To create an application for the Nokia Lumia 1020 platform who works under the Windows OS around the fundamental ideas and create an involving experience with this context.

Specifications:Status:- Released July 2013 OS:- Microsoft Windows Phone 8, upgradable to WP8 Black Processor:- Dual-Core 1.5 GHz krait Colours:- Yellow, White, Black and Red Size:- 768x1280 pixels, 4.5 inches (332 pixel density) SIM:- Micro SIM Memory:- No card slot, internal memory 32GB and 2GB RAM Body Dimensions:- 130.4x71.4x10.4mm

Target Platform: Windows OS

DESIGN

USER EXPERIENCE

Concept

Ever thought of having a Reptile as your Pet? Or Just confused about how to take care of it Then it is just for you

DESIGN

USER EXPERIENCE

Brief

Reptile Diary is an app. which will give the information regarding how to manage your reptile pets.

Track of pets, medication, feeding problems.

Vet appointments and reminders, emergency numbers, nearby clinics and hospitals to know more about pet's health n care.

DESIGN

USER EXPERIENCE

Importance

Build Loyality Build your Brand Increase your Visibility Increase your Accessiblity Easy access to your Inventory Have one touch access to your contact information

DESIGN

USER EXPERIENCE

Why do so many people keep pets?

According to a 2012-2013 National Pet Owners Survey, 72.9 million families in the United States have one or more reptile pets, which is about 62% of all the U.S. households. This number was increased from 56% in 1988.

People have pets for various reasons. Some people keep pets because of their physical attractiveness, some for their playfulness or other unique personalities and characteristics, while others keep pets for companionship.

Reasons

Uncontional Love

Positive Vibes

Love and Joy

Sense of Belongings

Safety

Gift from another Person

DESIGN

USER EXPERIENCE

Target Audience: Pet Lovers

Age Group:- Upto 45 Years

DESIGN

USER EXPERIENCE

DESIGN

DESIGN PROCESS

USER EXPERIENCE

Mind Mapping

•Mind Mapping •Cardsortings •Categories •Information Architecture

DESIGN

USER EXPERIENCE

Mind Mapping Health Tips Amphibions

Hobby

Hibernation Food Brands

Washing/Bathing

Rescue/Adoption Centres

Emergency Informations

Govenment Policies Snakes Lizards Turtles

Reptile Pet Applicatipn

Vet Information

Protection Nature Care Health Doctor Best Tips

Vaccination Instruction Manuals

Grooming

Feeding

Forum/FAQ’s

Diet

Where to buy from

Medication Location Tracking GPS

Environment Preference

New Products

DESIGN

USER EXPERIENCE

DESIGN

Categories

Heath Diet Food Vaccination Grooming Environment Preference Washing/Bathing

Pets Snakes Lizards Turtles Amphibions Invertebrates Hermit Crabs

Clubs Emergency Information Food Products Rescue/Adoption Centres Location Tracking/ GPRS Government Policies

Others Fun Games Forum/FAQ’s Quiz Books & Magazines New Products Events & Shows Informations

USER EXPERIENCE

DESIGN

Personas and Scenarios Name:- Shashank Awasthi Age:- 26 Years City:- Chardigarh Background:- Voice Protocol Network Engg. in CISCO comapny

Name:- Amesh Rn Age:- 24 Years City:- Chennai Background:- Persuing his PG Diploma in Product Design

Name:- Ameya Jose Age:- 22 Years City:- Thriussur Background:- Persuing his PG Diploma in Product Design

Academic Performnace:- Average Financial Background:- Middle Class Computer Proficiency:- High Aspiration:- To be a Leader Family Background:- Father- Retrd. Airforce Officer and Mother- Housewife

Academic Performnace:- Average Financial Background:- Middle Class Computer Proficiency:- Moderate Aspiration:- To have his own Design Studio Family Background:- Father and Mother both are working

Academic Performnace:- Average Financial Background:- Middle Class Computer Proficiency:- Moderate Aspiration:- HERPATOGOGY as his career Family Background:- Father and Mother both are working

Scenario:-

Scenario:-

Scenario:-

Rachit is an honest, sincere and disciplined person whose hobbies include Reading, Swimming, Travelling. He likes to gather everything inspiring and influencing around him to create a better working environment. He wishes to have extra money to take care of his pets. His chameleon was facing habitation problems and required a lot of humidity & finding insects everyday was also not easy which forced him to release the chameleon back to its natural habitat. He wishes to have an app for better understanding of his pets.

Amesh likes Travelling and Wildlife Exploration. He spends his day in exploring new places which also made him an avid animal lover. He owns a Ball Python and a Green snake. Though he does not uses mobile applications but would love it if there is an application which will help him monitor his pet’s health. He also feels the need of a system on which he can rely in case of Emergencies and worst conditions.

Ameya likes Walking, Riding, Herpingand Gaming. He has a keen interest in Snakes and wants to pursue Herpatologyas his career. He found a Rat snake while herpingand kept it. But at times he faces problems like drying of its scales. In those times he feels the need of a doctor or a Medical advice which will tell him the required solutions. Also, he feels the need for help in case of emergencies.

USER EXPERIENCE

Card Sortings

Shashank Awasthi

Divjot Nanda

DESIGN

USER EXPERIENCE

Card Sortings

Shashank.A

Ameya Jose

Divjot Nanda

DESIGN

Amesh Rn

Health

Health

Health

Health

Vaccination Veterinary Information Diet Washing/Bathing Grooming Reminder

Diet Veterinary Information Grooming Vaccination Washing/Bathing Reminder

Diet Washing/Bathing Vaccination Veterinary Information Reminder Grooming

Diet Veterinary Information Grooming Vaccination Washing/Bathing Reminder

Pets

Pets

Pets

Pets

Snakes Turtles Amphibions Hermit Crabs Lizards Invertebrates

Snakes Lizards Amphibions Turtles Hermit Crabs Invertebrates

Turtles Invertebrates Amphibions Lizards Hermit Crabs Snakes

Snakes Lizards Amphibions Turtles Hermit crabs Invertebrates

Pet Circle

Pet Circle

Pet Circle

Pet Circle

Fun Games Info. abt Events/Shows New Products Forum/FAQ’s Quiz Books & Magazines

Forum/FAQ’s Books & Magazines Quiz Info. abt Events/Shows New Products Fun Games

Books & Magazines Fun Games New Products Forum/FAQ’s Info. abt Events/Shows Quiz

Forum/FAQ’s Books & Magazines Quiz Info. abt Events/Shows New Products Fun Games

Informations

Informations

Informations

Informations

Location/Tracking GPRS Rescue/Adoption Centres Emergency Info.

Food Brands Pet Shops Government Policies

Emergency Info.

Government Policies Pet Shops Food Brands Rescue/Adoption Centres Location/Tracking GPRS

Food Brands Pet Shops Location/Tracking GPRS Emergency Info.

Rescue/Adoption Centres Government Policies

Emergency Info.

Government Policies Pet Shops Food Brands Rescue/Adoption Centres Location/Tracking GPRS

USER EXPERIENCE

DESIGN

Identified Actions Diet, Pet Shops, New Product, Government Policies, Reminder, Profile, Veterinary Information, Environment Preferance, Emergency Informations, Vaccination/ Grooming, Pet shops, Rescue/ Aoption centres, Quiz/ Events, Location Tracking/GPRS, Forum/FAQ’s, Games, Magazines

Vaccination/Grooming/Washing

Veterinary Info.

Quiz/Events

Magazines

Pet Shops

Profile

Pet Shops

Govt. Policies

Diet

Profile

Profile

Magazines Games

Games

Rescue/Adoption

Location Tracking/GPRS

Emergency Info.

Forums/ FAQ’s

Magazines

Quiz/Events

Govt. Policies

Reminder

Vaccination/Grooming/Washing

New Products

Emergency Info.

Location Tracking/GPRS

Games

Forums/ FAQ’s

New Products

Vaccination/Grooming/Washing

Reminder

Veterinary Info.

USER EXPERIENCE

DESIGN

FUNCTIONS

USER EXPERIENCE

Information Architecture

HOME

• Category and Types of Pets

ABOUT

PETS

SETTINGS

Snakes

Lizards

Amphibions

Turtles

Ball Python

Common Iguana

Corcky

Bog Turtle

Brevimanus Crab

Acorn-Worm

Chameleon

Pop-Eyed

Spotted Turtle

Clypeatus Crab

Bristletail

Milk Snake

Marcus

Moonshine

Mud Turtle

Perlatus Crab

Cnidarians

Taiwanese Beauty

Geenole

Lead Belly

Slider Turtles

Rugosus Crab

Mollusc

Garter Snake

Reptar

Sauerkrraut

Painted turtle

Violascens Crab

Flat-Worms

Texas Corel Snake

Genevieve

Surinam Toad

Three-Toed Box

Variabilis Crab

Sand Hoppers

Rescue & Adoption Sand Bua

Hermit Crabs

Invertebrates

DESIGN

USER EXPERIENCE

Information Architecture

HOME

• Categories Under Pets

Snakes

ABOUT

Lizards

PETS

Amphibions

SETTINGS

Turtles

Hermit Crabs

Insvertebrates

HEALTH

INFORMATION

PET CIRCLE

Diet

Emergency Info.

Forum/FAQ’s

Government Policies

Books & Magazines

Grooming

Pet Shops

New Products

Vaccination

Food Brands

Fests & Events

Washing/Bathing

Rescue/Adoption

Fun Games

Reminder

Location/Tracking

Quiz

Rescue & Adoption Veterinary Info.

DESIGN

USER EXPERIENCE

Information Architecture

HOME

• Categories Under Settings

ABOUT

SETTINGS

PETS

Help

Profile

Account

Notificatons

About

Your Image

Privacy Policy

Show Msg. Preview

FAQ

Diary Name

Payment Info

Vibrate when ringing

System Status

Sign-up Date

Reset Account

Chat Background

Contact Us

Diary Status

Delete Account

Notification Tones

Collect Analytics Data

Conversation Tones

Questions? Comments? Need help?

The data is being colected anonymously to help us to improve reptile disry.

DESIGN

USER EXPERIENCE

DESIGN

Task Analysis Function

Subtask

Action Stimulus

Action Required

Feedback

Checking the diet of a specific type of Pet.

Click on Turtles icon and choose your category of Turtle.

Screen showing the info.of selected pet and icons of health, pet circle and information will be displayed.

By clicking on Health, Screen will display tabs like diet, vaccination, vet info. etc.

Check all the required Diet of your pet.

Task No.2

Checking all the government policies regarding your pet.

Click on Snakes icon and choose your category of Snake.

Screen showing the info.of selected pet and icons of health, pet circle and information will be displayed.

By clicking on Information, Screen will display tabs like govt. policies, GPS, Pet shops etc.

Check all the required government policies related to your pet.

Task No.3

Make your Profile by adding the informations.

Click on Settings and select profile tab.

Screen showing the profile form where you need to enter your and pet details.

After filling the form click on register.

Now you can check all the info. regarding your pet by opening your profile

Task No.1

USER EXPERIENCE

Wireframes Study Importance of Wireframes: •Display App Architecture Visually.

•Allows for clarification of App features.

•Pushes usuability to the forefront.

•Identifies ease of Updates.

•Helps the design process Interactive.

•Save Time on the entire project.

•Experience shows it works.

DESIGN

USER EXPERIENCE

DESIGN

Final Wireframes

About

Pets Health

Logo

Information

Petcircle

Health

Information

About Bog Turtle

Facts About Reptiles

Diary Pets

Loading

Settings

Reptiles are one of the six basic groups of animals.

Reptiles are cold-blooded vertebrates that diverged from ancestral amphibians about 340 million years ago. There are two characteristics that distinguished early reptiles from amphibians and enabled them to colonize terrestrial habitats more extensively than their ancestors, scales and the ability to lay hard-shelled eggs. Scales protect reptiles from abrasion and loss of body moisture.

Hard-shelled eggs provide a protective environment in which the embryo can develop.

Spotted Turtle Mud Turtle Slider Turtle Painted Turtle Three Toad Box

Log In

Eastern mud turtle The eastern mud turtle or common mud turtle is a common species of turtle found in the United States.

Appearance

The eastern mud turtle is a small and often hard to identify species. It measures 3-4 inches in length. The carapace is keel-less, lacks any pattern, and varies in color from yellowish to black. The plastron is large and double hinged, and can be yellowish to brown, and may sometimes have a dark pattern. The chin and throat are a yellowish grey, streaked and mottled with brown, while the limbs and tail are grayish. The eye, or iris, of the eastern mud turtle is yellow with dark

Diet Vaterinary Info.

Grooming Vaccination Washing/Bathing Reminder

Petcircle

USER EXPERIENCE

DESIGN

Final Wireframes

Health

Information

Petcircle

Settings

General Care of Mud Turtles General Most mud and musk turtles are small, hardy, and inquisitive, making them some of the best turtles to keep indoors. A large aquarium with a pair of musk turtles, good filtration, and plenty of driftwood and aquatic plants makes an ideal turtle display.

Diet Mud and musk turtles eat commercial aquatic turtle diets well, but need some fish and invertebrates in their diet. They are especially fond of snails, guppies, minnows (shiners), earthworms, and redworms.

Environment & Enclosure

Musk turtles make great display animals in aquariums. They cruise along the underwater scenery and hang onto ledges and branches like miniature mountain climbers. They do need to bask so make sure some of their tank's decorations break the surface of the water. Large slabs of slate and driftwood logs

Logo

Sign Up

Help

About First Name* email or Phone

First Name*

Email*

Profile

Account

Code*

New Password*

Photos 245

Friends 145

About

Photos 245

Friends 145

Create Album

Search your Friends

- Phone/Mobile*

Your Pet Image +

Your Pet Image +

Your Pet Image +

Your Pet Image +

Your Pet Image +

Your Pet Image +

Ameli Beret 32 mutual friends

Igyuana

Email*

D.O.B. :

Month*

About

Last Name*

Age*

Re-enter Email*

Forgot Password?

Friends 145

Gender*

Password

Log In

Photos 245

Last Name*

Bruce Laura

Day*

Year*

Location/Country* +Add other Phones +Add your Address

Gender:

Your Pet Image*

14 mutual friends

Mud Turtle

Dyna Merchant 57 mutual friends

Your Pet Image +

Pet Category/Type*

Settings

Sign Up

Ball Python

Your Pet Image + +Add more

Save

Save

Elizabeth 76 mutual friends

Corcky

USER EXPERIENCE

Final Screens

DESIGN

USER EXPERIENCE

Final Product

DESIGN

USER EXPERIENCE

Final Product

DESIGN

USER EXPERIENCE

Final Product

DESIGN

USER EXPERIENCE

DESIGN

USER EXPERIENCE

THANK YOU

Group:

Ankit Awasthi

Anureet Kaur Yamini Gupta Graphic Design PG-semester-3

MIT Institute of Design

DESIGN