unscripted hacking design (startups cemtral)

45
HACKING design.

Upload: antonio-bray

Post on 07-Dec-2014

127 views

Category:

Design


3 download

DESCRIPTION

Part discussion, part demonstration. Open forum to candidly discuss basic design concepts and patterns that are used in today's compelling mobile, web apps and emerging platforms, including TV and wearables. The purpose of this event is to act as a primer for developers, designers too, to discuss and evaluate current, trending design concepts for user interfaces and experiences. This is a followup based on overwhelming interests from Wednesday's 40 Developers and Designers (Only) Forum/SkillSwap Sessions event. We will continue the conversation on the tools that were presented and other resources that are available for rapid design and development. Location has not been confirmed yet. TeqCorner (Tysons) is a high probability. It';s located literally around the corner from metro station in VA. What to expect: • Live Demonstration of designing a wireframe/prototype of a mobile app UI/UX elements from scratch • Evaluation and discussion of design patterns for popular mobile apps, websites, and emerging platforms, including wearables, TV and internet of things appliances. One of the resources for discussion: http://www.pttrns.com/ • We could possibly discuss industrial design and the emergence of 3D printing tech and related concepts that are used for product design and development. • Open discussion on design - origins, concepts, and perspectives in the world of interactive and user experience for digital platforms and media. • Call to action and discussion for workshops, presentations and demos to support participants existing design needs and education. We will discuss available tools, local and online educational opportunities, and other resources that could help you guys move forward. This will include General Assembley, meetup groups, and sandbox sites like CodePen. This event is a part of a new initiative to host more frequent activities and promote followup of topics that are covered previously to keep the conversation and interests going. Since it is Friday, there will be no established end time, so come in when you can, the discussion and demos will be ongoing through the evening.

TRANSCRIPT

Page 1: Unscripted Hacking Design (Startups Cemtral)

HACKINGdesign.

Page 2: Unscripted Hacking Design (Startups Cemtral)

remember.

Page 3: Unscripted Hacking Design (Startups Cemtral)

fidelity

Page 4: Unscripted Hacking Design (Startups Cemtral)

UI KITS

Page 5: Unscripted Hacking Design (Startups Cemtral)

flatdesign

Page 6: Unscripted Hacking Design (Startups Cemtral)

designpatternsdesign trends

Page 7: Unscripted Hacking Design (Startups Cemtral)

LAYERS

Page 8: Unscripted Hacking Design (Startups Cemtral)

transitions

Page 9: Unscripted Hacking Design (Startups Cemtral)

ypographyt

Page 10: Unscripted Hacking Design (Startups Cemtral)

simplicity

Page 11: Unscripted Hacking Design (Startups Cemtral)

pttrns.comtrends

Page 12: Unscripted Hacking Design (Startups Cemtral)

everything

Page 13: Unscripted Hacking Design (Startups Cemtral)

cloneclone

cloneclone

cloneclone

clonecloneclone

cloneeverything

Page 14: Unscripted Hacking Design (Startups Cemtral)

asymmetrical

Page 15: Unscripted Hacking Design (Startups Cemtral)

watch.

Page 17: Unscripted Hacking Design (Startups Cemtral)

Productivity Future Vision

2011who made that video?

Page 19: Unscripted Hacking Design (Startups Cemtral)

Androd L (Material Design)

2014who made that video?

Page 21: Unscripted Hacking Design (Startups Cemtral)

lets get started.

Page 22: Unscripted Hacking Design (Startups Cemtral)

where’s the UI/UX

Page 23: Unscripted Hacking Design (Startups Cemtral)

where’s the UI/UXClaw

Claw

Handle

Face

Eye Great for Torque

ColorRubber Grip

Great Brand Recognition/Identity

Great for inventory by vendor, productinfo easily visible

Page 24: Unscripted Hacking Design (Startups Cemtral)

where’s the UI/UX

Page 25: Unscripted Hacking Design (Startups Cemtral)

where’s the UI/UX

This UI may be beautifulto some.

Very informative and intuitiveto certain groups

Great for inventory by vendor, productinfo easily visible

Page 26: Unscripted Hacking Design (Startups Cemtral)

where’s the UI/UX

Page 27: Unscripted Hacking Design (Startups Cemtral)

Designed for specificmarkets

Very Intuitive anduser friendly

Legible controls, evenin darkness

where’s the UI/UX

Page 28: Unscripted Hacking Design (Startups Cemtral)

what helps makes a great GUI/UX

ui componentsframeworkapistoolkitIDEsocial logindevice templatesUI Kitspattern sites

Page 29: Unscripted Hacking Design (Startups Cemtral)

UI consist of 2 base geometric shapes

+ data, content, media, fileds and other elements

they act as containers and structure for app

Page 30: Unscripted Hacking Design (Startups Cemtral)

fidelity

Page 31: Unscripted Hacking Design (Startups Cemtral)

low fidelitymid fidelityhigh fidelity

mockups

prototypes

hybrids

wireframessimple, minimal detail, topography, layout, basic design concepts,storyboarding

more detail, ui kits, mood boards, avatars, layers, coversion to production components

the ultimate form of expressing your idea., high interactive,some can be converted or repurposed to production application

balsamiqIndigo StudioframerJustinmindproto.ioHotGlooInVision AppMarvel AppPhoneGapFluid UIIonic

Page 33: Unscripted Hacking Design (Startups Cemtral)

vs

which avatar is more appealing?

Page 34: Unscripted Hacking Design (Startups Cemtral)

get all the avatars you want.

Page 35: Unscripted Hacking Design (Startups Cemtral)

designpatternstrends

Page 36: Unscripted Hacking Design (Startups Cemtral)

user experience (ux)user interface (ui)layouttypographytopographylogin methodcolorschemetextureimagesscreen real estatebuttonsmenus

design patterns are trends.

Page 37: Unscripted Hacking Design (Startups Cemtral)

pttrns.com/

Page 38: Unscripted Hacking Design (Startups Cemtral)

is this good ux?

Page 39: Unscripted Hacking Design (Startups Cemtral)

Photo Capture on-demandwith reduced clicks userinterface

great use of space betweenpost and ui elements

round avatars, warmer image.does a better job of standardizingdisimilar user photos

where’s the UI/UX

Page 40: Unscripted Hacking Design (Startups Cemtral)

TIME

Page 41: Unscripted Hacking Design (Startups Cemtral)

patience

Page 42: Unscripted Hacking Design (Startups Cemtral)

persistence

Page 43: Unscripted Hacking Design (Startups Cemtral)

$50Adobe Cloud Subscription

Page 44: Unscripted Hacking Design (Startups Cemtral)
Page 45: Unscripted Hacking Design (Startups Cemtral)