UI & UX Design for Startups

  • Published on
    11-Aug-2014

  • View
    2.161

  • Download
    2

Embed Size (px)

DESCRIPTION

User Interface and User Experience Design for Startups. This is the presentation i've made for Daily Social - SparxUp DevClass event 20 March 2014.

Transcript

  • UI & UX Design Startupsfor
  • WHY?
  • Not justfor thesakeof beauty.
  • For me,design is a major priority because i know its what will set my business apart. Boo-keunYoon CEO of consumer electronics,Samsung
  • Whatisthe difference betweenUI andUX?
  • This isthe UserInterface Whatusersseeandperceive.
  • This isthe UserExperience How usersfeel andinteract.
  • Synergy
  • HAVE A GOOD START
  • TheHierarchyof Needs CREATIVITY PROFICIENCY USABILITY RELIABILITY FUNCTIONALITY ReferencetakenfromSmashing E-BookPsychologyof WebDesign
  • DefineYour CoreValues. WhyYoure MakingThisProduct.
  • KnowYour TargetMarket. Whatproblemtheyhave.Whoare theyexactly.
  • ThinkBenefits. NotFeatures.
  • PlanYour Product Roadmap. Launch,Learn,Iterate,Repeat.
  • 9 STEPS TO BETTER UI/UX DESIGN
  • MakeUseCase &UserJourney.
  • Planthejourney.Help usergetwhat theyneed/ want.
  • Startwithgoalanddefinewhere userscomefrom.
  • JustOneGoal inOnePage.
  • Stripe
  • Basecamp
  • Nasty Gal - Product Details
  • CreateVisual Hierarchy.
  • Guidetheusers.Whichinformation theyshouldreadfirst.
  • Hopskoch
  • AirBnB - Place Details
  • Time
  • Use Proximity& Contrast.
  • Emphasiseyourmessage.Makeuse of WhiteSpace
  • Groupsimilarlevelof navigation/ information.
  • Usecontrastbutnottoomuch. Click Me! Good! Click Me! Meh Click Me! Ouch!
  • Handle User On-Boarding.
  • StepbyStepTutorial
  • Introducehowitworkson-the-go.
  • MindYour Typography.
  • Pickyourfont-typetomatchthe personalityof yourproduct. Lorem Ipsumissimplydummy textof theprintingand typesettingindustry.Lorem Ipsumhasbeentheindustry's standarddummytexteversince the1500s,whenanunknown printertooka galleyof typeand scrambleditto makeatype specimenbook.Ithassurvived notonlyfivecenturies. LoremIpsumissimplydummy textoftheprintingand typesettingindustry.Lorem Ipsumhasbeentheindustry's standarddummytextever sincethe1500s,whenan unknownprintertooka galley oftypeandscrambleditto makeatypespecimenbook.It hassurvivednotonly five centuries.
  • Attention:LineHeight. FontSize+(4pxor6px)=Good! Lorem Ipsumissimplydummy textof theprintingand typesettingindustry.Lorem Ipsumhasbeentheindustry's standarddummytexteversince the1500s,whenanunknown printertooka galleyof typeand scrambleditto makeatype specimenbook.Ithassurvived notonlyfivecenturies. LoremIpsumissimplydummy textoftheprintingand typesettingindustry.Lorem Ipsumhasbeentheindustry's standarddummytextever sincethe1500s,whenan unknownprintertooka galley oftypeandscrambleditto makeatypespecimenbook.It hassurvivednotonly five centuries.
  • Attention:ColumnWidth DependonFontSize. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries. TooWide JustRight!
  • SetTheRight Tone&Voice.
  • MailChimp
  • Maskoolin
  • The Design QualityAffects Credibility.
  • Do Not Try This, Ever
  • Yep
  • Kill Me!
  • Prototype. FeeltheUser Experience.
  • Flinto
  • MarvelApp
  • ThankYou! LetsdotheQ&A:) FollowMe@madeforyou This has been a presentation by Richard Fang.