Design UNL Process Book

Page 1

Design UNL Process Book

Cortland Kerwin Interactive Design I


As an exercise in large-scale web development, you will work as a “class development team� to design a communications portal for all design students at UNL. The primary goal for this site is to create a one stop source for (in the order of importance): jobs, internships, news, events, resources and ideally to foster a design community. A core concept we will be focusing on is UCD or user-centered design. User-centered design is a design philosophy that puts the user of a product, application or experience at the center of the design process. In UCD, a designer strives for a detailed understanding of the needs, wants and limitations of the people who will use the end product and then makes design choices that incorporate this understanding. UCD requires that designers not only analyze and foresee how users engage but also test their designs.

Project Goal


Contents

Group Wireframes Revised Wireframes Design Phase I Usability Testing Design Phase II - Final


My group was tasked with the internship wireframes. We started by creating a landing page that would be a starting off point and create a grid that we would go off of for the rest of the site. We wanted a consistency of a feature article that would have little sectioned articles that as you scrolled would show up. We then had different categories within internships such as, listings, testimonials, resources and company profiles.

Group Wireframes


NEWS

JOBS

INTERNSHIPS

DESIGN UNL

RESOURCES

NEWS

COMMUNITY

INTERNSHI P LISTING S

DESIGN UNL

INTERNSHIPS

TAGS

MELODY CROUSE Interactive Design Intern PowderHook

TAGS TAGS

My friends would describe me as very high-energy, in constant motion.

TAGS LISTING INFO INFO

sections, and when we got to gore, where the point is to make it look horrible, it was just something that I really enjoyed doing.

LISTING INFO INFO

From designing to acting to stage management to directing, if it’s something you love,

LISTING INFO INFO

read more...

RESOURCES

C OMMUNITY

COMPANY PROFILES

INTERNSHI P LISTING S

INTERNSHIPS

JOBS

LOCAL HER O

TAGS

Lincoln, Nebraska 68508 localherodesign.com

EBBECKA

CORNERS TONE

BOUTIQUE WINDO W

Advertising, Branding, Design, Illustration, Mobile/App, Video, Web Design

TAGS

Lincoln, Nebraska 68508 info@ebbekadesign.com

LISTING INFO INFO LISTING INFO INFO LISTING INFO INFO

Lincoln, Nebraska 68512 info@cornerstonelincoln.com

Lincoln, Nebraska 68503 boutiquewindow.com

LISTING INFO INFO LISTING INFO INFO

PICKERING CREATIVE GROU P

PLAY CREATIVE

see more...

Lincoln, Nebraska 68503 PLAY@PlAYCREATIVEDESIGN.COM

Lincoln, NE 68512 pickeringcreative.com

LISTING INFO INFO LISTING INFO INFO

POLICIES

TESTIMONIALS

COMPANY PROFILES

RESOURCES NEWS

JOBS

see more...

DESIGN UN L

INTERNSHIPS

RESOURCES

C OMMUNITY

INTERNSHIP LISTINGS Local

Out of State

Paid

Entry Level

Mid Level

Tags

Search Cities GRAPHIC DESIGN AND WEB DESIG N

NEWS

INTERNSHIPS

DESIGN UNL

Hoboken, NJ

RESOURCES

Miles from

COMMUNITY

$D Paid

Sort

TESTIMONIALS

Summer

Deadline: 4/22

eadline: 4/22

Entry Level

Internship Info

Healthy Hair Care Eatontown, NJ

MARKETING DESIGN

Relevance

Graphic Design and Web Design Consorte Marketing Hoboken, NJ

Help with web designs as well as tabletop game design projects

INTERNSHI P LISTING S

JOBS

Saved Internships

Consorte Marketing

Located Within

Internship Info

Seeking a tech savvy individual who has experience editing photos and videos in order to help increase the marketability of our product Spring

TEY AR T

GRAPHIC DESIGN AND WEB DESIG N

Graphic Design Intern Swanson Russell

TAGS

Internship Info

Consorte Marketing

Internship Info

Hoboken, NJ

TAGS

Help with web designs as well as tabletop game design projects

TAGS

and projects and things I wanted to do.

LISTING INFO INFO

So I decided that maybe I should do something else.

Internship

other time, I’m really chatty and I just love learning about other people.

LISTING INFO INFO

other time, I’m really chatty and I just love learning about other people.

NEWS

read more...

LISTING INFO INFO LISTING INFO INFO

Sheena Pass - <Place> “My internship has given me the opportunity t o see s o much m ore about the

LISTING INFO INFO see more...

the classroom. I h ave developed many skills and have a much greater concept of w hat to e xpect after c ollege. M y internship h as g iven m e a greater understanding o f what i t is I h ave learned in the classroom...

see more...

Sijie Xu - <Place>

"Aside from improving my professional skills, one o f the aspects a bout m y internship that I most appreciated was the fact t hat I developed m y interpersonal skills, w orking a nd i nteracting international backgrounds...

see more...

INTERNSHIP LISTING S Dongmei Jiang - <Place> “My 2003 summer internship at Bangor Savings B ank provided m e with valuable h ands-on experience and a better i dea about what knowledge areas a nd s kills I s hould attach m ore importance and make further improvement to in my further studies...

see more...

Megan - <Place>

Interning at Versace has given me great hand experience w ith major fashion events a nd f ashion e ditorials. A s an intern for the public Relation Coordinator of Accessories, I was put in charge of sample requests for major publications such a s Vogue, InStyle, Marie Claire, Harper's Bazaar, W Magazine, and WWD,

see more...

JOBS

INTERNSHIPS

DESIGN UNL

RESOURCES

C OMMUNITY

RESOURCES

KEYS TO SECURING AN INTERNSHI P

TAGS TAGS TAGS

2. Evaluate your current knowledge. List your strengths List areas for improvement.

LISTING INFO INFO LISTING INFO INFO

4. Actively seek advice and assistence. read more...

LISTING INFO INFO LISTING INFO INFO

Goals of Internship Programs The Primary purposes of an internship:

LISTING INFO INFO see more...

- to add value to the educational experi ence of students. - to provide a link between theory and practice. - to p rovide a n experiential learning opportunity for students to a pply the concepts, knowledge and skills gained...

see more...

What is an internship? advanced student or recent graduate in practical experience under the supervision of an experienced professional.

see more...


For the revised wireframes we had to take the previous wireframes we had and expand on them and do the entire portal. I stayed with the same setup as the previous wireframes and just made small edits and made the entire portal consistent with the current design that I had.

Revised Wireframes


DESIGN UN L

NEWS

JOBS

INTERNSHIPS

RESOURCES

COMMUNITY

DESIGN THE FUTURE FEATURE TORY S

MELODY CROUSE

CALENDAR

Interactive Design Intern PowderHook

My friends would describe me as very high-energy, in constant motion. sections, and when we got to gore, where the point is to make it look horrible, it was just something that I really enjoyed doing.

see more NEWS & EVENTS...

SEARCH

From designing to acting to stage management to directing, if it’s something you love, you can

TAGS read more...

ALUMNI 1ST YEAR CC SENIOR PHOTOSHOP WEB DESIGN CSS ILLUSTRATION

JOBS

INTERNSHIPS

RESOURCES

COMMUNITY




When it came to the design phase I had an internal breakthrough and idea of what I personally wanted the portal to do and look like. I designed it as a site that I would enjoy using and that I felt was visually appealing. I created a simple grid system made up of five columns, where the boxes and rectangles could go in and out of each column and make all kinds of different sizes where the information would reside. Overall, I wanted a simple and clean design that was user friendly and fun to use.

Design Phase I



Our next step was to create a usability test and ask five different people to take a survey based on the portal over and then specific questions based on our personal designs. Results overall were pretty consistent. When it came to my design, most people found it user friendly and visually appealing. They found the navigation overall easy to use but had made suggestions that there needed to be a home button and people would have liked to see what an inside page would look like.

Usability Testing



For my final design I chose not to change a whole lot. I went in and took what I found in the usability test and made small edits. I created a home button and created a simple layout and sample for what an inside page could look like were this design a real thing in the future.

Design Phase II - Final



Cortland Kerwin


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.