Advertisement
UI & UX Design for Startups
Jun. 28, 2014•0 likes•11,963 views
125 likes
Be the first to like this
Show More
views
Total views
0
On Slideshare
0
From embeds
0
Number of embeds
0
Download to read offline
Report
Design
Technology
User Interface and User Experience Design for Startups. This is the presentation i've made for Daily Social - SparxUp DevClass event 20 March 2014.
Richard FangFollow
Co-Founder & CEO at MoseloAdvertisement
UI & UX Design for Startups
- UI & UX Design Startupsfor
- WHY?
- Not justfor thesakeof beauty.
- “For me,design is a major priority because i know it’s 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-Book“Psychologyof WebDesign”
- DefineYour CoreValues. WhyYou’re 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
- Introduce“howitworks”on-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! Let’sdotheQ&A:) FollowMe@madeforyou This has been a presentation by Richard Fang.
Advertisement