ux designer portfolio

ux/ui design portfolioselected samples

2015

< JASON_CASTAÑEDA > DESIGNER

\\03 selected samples2015


about me

ABOUT ME

Publication design (Brochure, Flyers, Leaflets, Business Cards)

HTML/CSS (Web banners, web template, basic email template, working knowledge HTML5/CSS3)

User Experience Approach (high and low fidelity prototyping, mockups, wireframing, user journey)

Database Design (SQL, MySQL, Transactional SQL, Queries)

illustrative Design (typography, infographic, logo design, iconology)

Analysis (Requirements, Stakeholder, Business, Project)

Software Documentation (Use Case Description/Diagram, PERT, UML, Heuristic Evaluation, Cognitive Walkthrough)

Image manipulation (image editing, photography)

68% 65%

69% 68%

67%

54% 74%

68%

I am a hardworking, determined and motivated individual who is able to work under pressure and within tight deadlines as well very adaptable to all challenging situations. Through my professional experience and education I have a strong background in IT, Digital Design, Oral and Interpersonal Communication skills. My degree and professional

experience refined my ability in digital design via professional and personal practice. I am very passionate for new technologies, helping to develop new ways on how we discover new innovation in the world and how creativity enables us to communicate.

Key Skills

// 04 ux/ui design portfolioselected samples2015


\\05 ux/ui design portfolioselected samples

2015< JASON_CASTAÑEDA >

DESIGNER

researchquantitative results use case diagramuse case scenariouse case descriptionhierarchy task analysisobject user modeluser requirements specification tablespecificationconceptual modelpersona

1

// 06 selected samples2015< JASON_CASTAÑEDA >

DESIGNER

quantitative results

Participant Completion Rate

Notes Task Time

Task Level

(0 = Very disappointing, 10 = Very Satisfactory)

Test Level (0 = Very disappointing, 10 = Very Satisfactory)

Errors Expectation Page Views / Clicks

Original < 20 mins N/A TASK ONE> 6mins

TASK TWO> 4mins

6 7 1 > 9 < 6

1 14:26 mins Had to ask for help or observer suggested certain things to get out more info

TASK ONE 7:16mins

TASK TWO3mins

6 8 3 6 7

2 12:35 mins Had to ask for help or observer suggested certain things to get out more info. Design is pretty standard

TASK ONE5:19mins

TASK TWO4:34mins

6 7 3 6 8

3 11:20 mins Struggled a bit however participant felt that the functionality is good

TASK ONE4:35mins

TASK TWO4:55mins

5 6 4 7 10

4 22:48 mins Had to ask for help or observer suggested certain things to get out more info.

TASK ONE6.02mins

TASK TWO6:32mins

5 7 3 8 6

5 32:11 mins Able to use map quite well however was struggling.

TASK ONE7:13mins

TASK TWO11mins

4 5 8 7 15

\\07 selected samples2015


use case diagram

// 08 selected samples2015< JASON_CASTAÑEDA >

DESIGNER

use case scenario

22nd October 2010, 0900 hours Government Agency Administrator, Stefan Lucius, arrives at the Data centre in the Capital City of Lazarus Island. He logs into the Resource Management system that contains information about the resources where he is in charge in managing the resources that the Government and the Non Government Organisation has gathered about the situation that recently happened a couple days ago due to the typhoon.

Stefan is required to manage the resources that have been given to him by one of his managers to store, allocate and provide resources through the Resource Management System. By 0915 hours he contacts the NGO admin called Derek Smith, who he recently enrolled onto the system, to ask to set up resource hubs so that he can store, despatch and allocate the resources in the hubs.By 1000 hours the NGO admin confirms that the hubs are ready and able to store resources in the hubs where these hubs have a secure line with the GAA to provide and manage resources through the system. Stefan also asks the NGO admin to provide them the resources so that Stefan can bundle up the resources in a package so he can distribute the packages to the NGO workers when requested.By 1130 hours he has finished communicating with Derek about providing and setting up resources on the system where these packages are stored in specific hubs so that when a NGO admin or worker requests a resource pack the GAA can confirm the request and the NGO can then take the resource pack. Through this Stefan manages the resources where he allocated the resources to specific hubs and despatches the resources when requested.

In 1500 hours an incident took place in a nearby situation caused by a mud slide from the Typhoon where NGO workers are in that particular area. The NGO workers request the resources from the Government Agency Admin where one of the members, Stefan is dealing on the management of the resources. He provides and despatches the resources to the NGO workers where it helped them with dealing with the scenario of the situation.

\\09 < JASON_CASTAÑEDA >

DESIGNER

selected samples2015

use case description

USE CASE Manage ResourcesGoal in Context Able to manage the resources and distribute the resources when requestedScope & Level Aegis System, Resource Management System, User GoalSuccess End Condition Resources are stored safely, despatched to the correct locations, provide the NGO

worker/admin resources when requested, resources allocated e.g. through different hubsFail End Condition Resources not stored, situation not recognised, failure to provide resourcesPrimary, Secondary Actors Government Agency Admin (GAA), Non-government organisation Admin (NGO Admin)Trigger Setup Resource HubsDescription Step Action

1 NGO Admin Sets up resource hubs2 NGO Admin provides resources3 Sorts out resources in packages4 GAA stores resources in hubs5 GAA allocates resources to specific hubs6 Manages the resources7 NGO admin requests resources8 Approve requests9 Dispatches resources

Extensions Step Branching Action1a No contact with NGO Admin: Suggest another way to contact

one of the NGO Admin1b No contact with NGO Admin: Suggest a type of form of com-

munication to reach the NGO Admin1c No contact with NGO Admin: Suggest a meeting with NGO Admin4a Resource hubs down: Setup Resource hubs (UC 20)8a Request not confirmed: Check Requests (UC 17)

Related information <Use case name>Priority UrgentPerformance <30s response from system, instant response from offline medium, e.g. TelephoneFrequencyChannels to actors Online, OfflineOpen issues Communication connectionDue Date <date or release needed>…any other management in-formation…

<…as needed>

Included in Check Requests (UC 17)Inclusions

// < JASON_CASTAÑEDA >

DESIGNER

10 selected samples2015

hierarchy task analysis

Available on the Internet, user may feel confused on the procedure they will need to take when user has many options to go throughFrustration on the many options available on the websiteUser may perform errors where structure is problematic

Goal: User able to find plumberVolume: 30 per dayEst. time 5 -10 minutesErrors: 1 in 15

\\selected samples2015


11 object user model

NewsSport LifestyleCommunity

WebsiteContent has

Consists of

Articles

Section

Able to read

Classified Items

Sponsored Advertisement

ServicesUser

Can give

has

provides

contains

Can access

// selected samples2015


12 user requirements specification table

Criterion Measurement Indicator Current TargetUser 10 participants Age Range 18-24 years of

age18-60 years of age

Productivity Usability Lab. Studyon Critical tasks

Time taken; tasksuccess

Task One15mins70% Success

Task TwoMax of 7mins80% Success

Task OneMax of 10mins90% Success

Task TwoMax of 5mins90% Success

Data Gathering Interview

ParticipantProfile/PostQuestionnaire

Focus Group

Recording

One-to-One

Group

1 hour

-

10 participant

1 hour

-

10 participant

Compatibility: way of solving problems

User talks through solving various problems using the website

Number ofstrategiessupported

9 At least 5



13 specification

Provides users information of a car advertisement where if the user hovers on the area and clicks on it,

it will take the user to a different webpage.

The user can navigate around the menu by hovering over it. The user must able to find the games and gaming to view current games as well the user must also find a

local business e.g. a plumbing business.

Provides the user a search function where the user can search specific keywords on the website.

This is a 2nd menu where the user can either log in or register their details online. As well the menu

provides links to “Find it, Jobs, Property, Motors, and Announcements”.

This area is a sidebar where the user can look view certain information. This is a type of widget

function where the information can provide the user what they want to look for, weather, ability to

find things.



14 conceptual model



15 persona

“Fashion is an art form of being creative and to be yourself.”

Studying: BA FashionBackground: Chichester UniversityComputer skills: Expert

Quick take on BiancaComputer Skills Novice

Expert

Full-TimePart-TimeSelf-EmployedUnemployedRetired

Employment Status

NetbookLaptopDesktopMobile Device

Computer Type

Advanced FeaturesCoding ToolsEmailWeb BrowsingWord Processing

Computer Tools

EducationEngineeringBusinessManagementMarketingOther:

Background

Key GoalsBianca loves to do creative things where she enjoys going to clubbing, going to see gallery, watch theatre and other stuff. She is outgoing and likes to be known for her own designs.

She likes to make a portfolio for her artwork and fashion and after graduation likes to pursue fashion in New York.

A day in the LifeBeing in first year she loves to go to Brighton, Worthing, Bognor Regis or Goodwood where she usually gets her inspiration from different areas. She knows the advanced skills like Adobe Photoshop, Lightroom and other several of application where she uses them for her course.

Whilst doing her photography, she decided to go outside and take some photos for her assignment. Wanting to check the weather she quickly checks her Macbook Pro to see the weather in Bognor Regis. She went

to a website called Bognor Regis Observer and trying to check the weather online using the website however whilst checking she cannot search for it in the homepage. Scrolling through the website she eventually managed to find the website on the sidebar but in a very low position where it looks like advertisement.

With the new design for Bognor Regis Observer, the layout of where the content, e.g. the weather app is now placed in the top making it more accessible to view the weather where she felt that she can easily find it as oppose to the sidebar or at the wrong place.

Bianca Leeson: Student



DESIGNER

design & buildwireframingmockups2



18 wireframes



wireframes 19



mockups20



DESIGNER

testcluttergolow fidelity prototyping3



visual design 23



24 visual design

Ticket Transport Map

News SportsScoreboard

Search

Archery

Sports

RSS Schedule Videos Profiles Scores Odds

HIGH-SPEED ARCHER'S VIDEO OF INCREDIBLE TRICK SHOTS GOES VIRALLars Anderson uses ancient bow and arrow techniques to perform archery as you have never seen it before.

Archery

Athletics

Badminton

SportsArchery

VideosDone

Archery

Sports

RSS Schedule Videos Profiles Scores Odds

ABOUTSince 1992, badminton has been an Olympic sport with five events: men's and women's singles, men's and women's doubles, and mixed doubles, in which each pair consists of a man and a woman. At high levels of play, especially in singles, the sport demands excellent fitness: players require aerobic stamina, agility, explosive strength, speed and precision. It is also a technical sport, requiring good motor coordination and the development of sophisticated racquet movements.

ux designer portfolio

Documents