importance of grids in ui design and development

19
Lessons Learnt Design is science

Upload: betaglide

Post on 13-Jan-2015

475 views

Category:

Design


3 download

DESCRIPTION

Presentation of Vibhas Jain, Product Designer- PayTM. He discusses about Grids and their importance. Vibhas talks about the design process they follow at Paytm and what has he learned till now doing various designs. The flow he recommends all designers to take is Sketch → Atomic Designs → Grids. While all elements are important to the process, the right implementation of grids is what brings the design together. He also emphasized on baseline text and hierarchy of page. Size, color, text and spacing are the most important aspects where you can focus and drive a user to do certain things you want them to do.

TRANSCRIPT

Page 1: Importance of grids in UI design and development

Lessons LearntDesign is science

Page 2: Importance of grids in UI design and development

E-commerce DashboardsMy first design challenge @ Paytm

Page 3: Importance of grids in UI design and development
Page 4: Importance of grids in UI design and development

Tools which saved me

1. Sketching2. Atomic Design3. Grids

Page 5: Importance of grids in UI design and development

SketchingFastest way to visualize anything

Page 6: Importance of grids in UI design and development

+ It’s great for sprints!

Page 7: Importance of grids in UI design and development

Atomic Design

Page 8: Importance of grids in UI design and development
Page 9: Importance of grids in UI design and development

Gridz.keep it real

Page 10: Importance of grids in UI design and development

90% of digital content is textBaseline text is the most important design element on both web & mobile

Medium

Page 11: Importance of grids in UI design and development

Elements that define heirarchy

• Size• Color• Weight• Spacing

Page 12: Importance of grids in UI design and development
Page 13: Importance of grids in UI design and development

Grids enforce clarity

Page 14: Importance of grids in UI design and development

Success?

Page 15: Importance of grids in UI design and development

Dribbble = Pretty Screens.Flow is King

Page 16: Importance of grids in UI design and development

Other lessons

Page 17: Importance of grids in UI design and development

Small teams deliver.Be a lean, mean , money making machine

Page 18: Importance of grids in UI design and development

HiringThe hardest part

Page 19: Importance of grids in UI design and development

Make stuff.Someone, somewhere will dig it