unscripted hacking design (startups cemtral)

Post on 07-Dec-2014

129 Views

Category:

Design

3 Downloads

Preview:

Click to see full reader

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

HACKINGdesign.

remember.

fidelity

UI KITS

flatdesign

designpatternsdesign trends

LAYERS

transitions

ypographyt

simplicity

pttrns.comtrends

everything

cloneclone

cloneclone

cloneclone

clonecloneclone

cloneeverything

asymmetrical

watch.

Productivity Future Vision

2011who made that video?

Androd L (Material Design)

2014who made that video?

lets get started.

where’s the UI/UX

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

where’s the UI/UX

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

where’s the UI/UX

Designed for specificmarkets

Very Intuitive anduser friendly

Legible controls, evenin darkness

where’s the UI/UX

what helps makes a great GUI/UX

ui componentsframeworkapistoolkitIDEsocial logindevice templatesUI Kitspattern sites

UI consist of 2 base geometric shapes

+ data, content, media, fileds and other elements

they act as containers and structure for app

fidelity

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

vs

which avatar is more appealing?

get all the avatars you want.

designpatternstrends

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

design patterns are trends.

pttrns.com/

is this good ux?

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

TIME

patience

persistence

$50Adobe Cloud Subscription

top related