19

UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is
Page 2: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

WEB UX DESIGNING A WEBSITE CUSTOMERS WILL LOVE

UX

UI

Page 3: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

PURPOSE

• Web Design Competition

• UX vs UI

• Web Based Templates

• The In Class Experience

Page 4: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

WEB SITE COMPETITION

“In 2017, more than 400 active websites, which were developed and managed by

VEI firms, received over 7,000 ratings during the judging window”

- Jenny Benack -

Page 5: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

WEB SITE COMPETITION

Page 6: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

COMPETITION OVERVIEW

Page 7: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

COMPETITION OVERVIEW

Page 8: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

COMPETITION OVERVIEW

Page 9: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

? WHOARETHEJUDGES?

?WHATABOUTFEEDBACK?

Page 10: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is
Page 11: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

UX vs UI

UX(UserExperienceDesign)UserExperiencedesignisaboutcreatingpain-freeandenjoyableexperiences.

UI(UserInterface)UIdesigndealswithstylingthestructureandcontent– whattheuser sees duringtheexperience

Page 12: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

USER EXPERIENCE

Auser-centricdesignconsiderswhattheuserwants,andhowtheywillbestgetthere.Thenavigationofasite– howauserreadsthroughapage,wheretheyclicktonavigatebetweenpages,howtheyfindandaccesstheinformationtheywant– ispartoftheuserexperience.

ForgeandSmithUXDesigner:TessGood

Page 13: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

USER EXPERIENCE

Page 14: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

USER EXPERIENCE

Page 15: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

USER INTERFACE

UI design deals with styling the structure and content – what the user sees during the experience. This is when branding, colors, typography, graphics, photography and other visual elements are introduced. User interface design is client-centric (and brand-centric) design, focusing on what works visually for the brand.

Forge and Smith UI Designer: Damian Jolley

Page 16: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

TEMPLATE BASED DESIGN (BASIC LEVEL)

Page 17: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

IN CLASS EXPERIENCE

Page 18: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is

IN CLASS EXPERIENCE

Page 19: UX DESIGN WORKSHOP - Virtual Enterprises International · USER INTERFACE UI design deals with styling the structure and content –what the userseesduring the experience. This is