UNL Design Portal - Process Book by Sarah Doyle

UNL DESIGN PORTAL Sarah Doyle

TABLE OF CONTENTS

F S P RO J EC T B R IEF

3 TO 4

S I T E W I REF R A MES

5 TO 8

S TAGE O NE DES IGN S

9 TO 14

U SA B I L I T Y TES TI N G

15 TO 18

STAG E T W O DES IGN S

19 TO 24

PROJECT BRIEF

T F The g o a l o f the p ro jec t w a s t o d es ign a p or t a l f or curre nt a nd f u t u re g ra p h ic des ign s t u d en t s at UNL . The si te h ad t o h a v e u s e r c en t e r desi g n ( UCD) , wh ic h is w he re t he d es ign is mo re f o cuse d o n w h a t t he u s e rs w ou ld like t o use a nd se e .

SITE WIREFRAMES

E S The f i rst ste p wa s t o c rea t e w ire f ra m es th a t wo ul d sho w t he a rc h it e c t u re of t he po r ta l . E ve r y si ngle p a g e of t he s it e w a s giv e n a t te nti o n to, m ak in g s u re it w o u ld b e comp l e te l y co he s iv e.

DESIGN

Events News Jobs Internships Resources

Upcoming Events

IMAGE Text Describing Featured Resources

This Week

Jobs & Internship Spotlight

IMAGE

On-Campus

Lorem

Local

Date

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

IMAGE

Lorem

Date

Lorem

Date

Aenean luctus lectus ac iaculis mattis. Pellentesque

Featured Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Featured Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Lorem Ipsum Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

DESIGN Resources

Events News Jobs Internships Resources

Typography Web Design Imagery Tutorials Publications Links Submit

Latest Resources Link Lorem ipsum dolor sit amet, consectetur adipiscing elit.

IMAGE

Link Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem tincidunt volutpat. Duis et massa eget ante more

Web Design

Imagery

IMAGE

Featured Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Publications

Links

Tutorials

Featured Resource

IMAGE

Featured Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

DESIGN Resources

Events News Jobs Internships Resources

Typography Web Design Imagery Tutorials Publications Links Submit

Past Fonts

DESIGN Events

On-Campus

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

IMAGE

On Campus

Local

Lorem Ipsum

Link

Link Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Font of the Week

fontbook.com

IMAGE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem

houseind.com

losttype.com

IMAGE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem

Events News Jobs Internships Resources

Listings Company Profiles

Resources

Internship Listings

Lorem Ipsum Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Lorem

Date

Dates & Deadlines

Date

Lorem Ipsum Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Date

Lorem Ipsum Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Events News Jobs Internships Resources

Connect

Tips

IMAGE

Lorem Ipsum

Featured Testimonial Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem tincidunt volutpat. Duis et massa eget ante

Company Profiles

Lorem Ipsum Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Featured Article Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem tincidunt volutpat. Duis et massa eget ante

Company Profiles

Lorem Ipsum Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

IMAGE

Featured Item

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Lorem Ipsum Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Testimonials

Lorem Ipsum Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Date

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Phasellus lacinia massa eget ligula iaculis aliquet. Nulla pellentesque non velit nec

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Lorem Ipsum Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Date

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Lorem Ipsum

Lorem

Aenean luctus lectus ac iaculis mattis. Pellentesque

Phasellus lacinia massa eget ligula iaculis aliquet. Nulla pellentesque non velit nec

Listings

Date

Lorem Ipsum

IMAGE

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Date

DESIGN

Local

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Phasellus lacinia massa eget ligula iaculis aliquet. Nulla pellentesque non velit nec

Lorem Ipsum

On-Campus

Lorem

Job Listings

Lorem Ipsum

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

Lorem Ipsum

Jobs

Testimonials

This Week

Phasellus lacinia massa eget ligula iaculis aliquet. Nulla pellentesque non velit nec

Lorem Ipsum

IMAGE

Internships

Lorem Ipsum

IMAGE

Date

Phasellus lacinia massa eget ligula iaculis aliquet. Nulla pellentesque non velit nec

fontsquirrel.com more

IMAGE

DESIGN

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem tincidunt volutpat. Duis et massa eget ante more

IMAGE

Date

Phasellus lacinia massa eget ligula iaculis aliquet. Nulla pellentesque non velit nec

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

myfonts.com

Off-Campus Surrounding Area

Latest

Link

dafont.com

Events News Jobs Internships Resources

IMAGE

Featured Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem

IMAGE

Featured Item

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem

Job Hunting Tips

Lorem Ipsum

IMAGE

Featured Item

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dapibus risus eu sem

Aenean luctus lectus ac iaculis mattis. Pellentesque venenatis sem vel quam

STAGE ONE DESIGNS

E S The f i rst se t o f d e s ign s , I f o c u s ed m a in ly o n sim p l y f i ng the ho m e p a g e d ow n t o key it em s th a t stud e nts wo u ld w a n t in f o r m at io n on . I the n b ro ke up the re s o u rc es pa g e in a s im ilar ma nne r, ke e p i ng t he s c hoolâ&#x20AC;&#x2122;s red a n d w h it e col o r sche me .

USABILITY TESTING

Y G On ce the f i rst se t w as don e, it w a s t im e f or usab i l i t y te sti ng . As a c las s w e in t e r v iew ed 88 stud e nts to co llec t d a t a on how he lp f u l a p o r ta l l i ke thi s w o u ld b e f or s t u den t s . As i ndi vi d ua l s, we a ls o a d d re s s q u es t ion s per ta i ni ng to o ur d es ign . I f o c u s ed on t he f un cti o na l i t y a nd ap p ea l, w an t in g t o m a ke sure my si te wo ul d b e a b le t o hold s o m eon eâ&#x20AC;&#x2122;s in te re st f o r mo re t h a n a f ew s e c o n d s .

C LASS STAT IST IC S Highest Rated Feature:

Job & Internship Opportunities

Lowest Rated Feature: News & Events

J U N I O RS 27. 2 % S E N I O RS 53.4 %

S O P H O M O R ES 13.6%

FR ES H M EN 5.6%

3 out of 4 DIDN’T THINK THE SITE LOOKED LIKE IT WAS FOR DESIGN STUDENTS

2 out of 4

THOUGHT THE SECTIONS ON THE HOME PAGE NEEDED TO BE CHANGED

ALL

WANTED MORE VARIET Y IN THE DESIGN

PERSON A L STAT IST I C S

STAGE TWO DESIGNS

O S With a l l o f the d a t a f ro m m y u s a b ilit y t es t in g , I m a d e so me cha n ges t o m y s it e . I s im p lif ied eve r y thi ng d o wn e v en m ore . I ad d ed s o m e mo re o f a co l o r p a let t e a n d c h an g ed a ro u n d the ho me p a g e se c t ion s ba s e d on t he f ee d b a ck I re ce i v ed .