designer is not just a tool!

22
@mahmoudmetwally www.mahmoudmetwally.com

Upload: mahmoud-metwally

Post on 27-Jan-2015

111 views

Category:

Design


1 download

DESCRIPTION

small session talking about user experience and the future of UI

TRANSCRIPT

Page 1: Designer is not just a tool!

@mahmoudmetwallywww.mahmoudmetwally.com

Page 2: Designer is not just a tool!

We will talk about● User Experience and psychology.

● The Future of User Interface.

● User Interface trends and styles.

Page 3: Designer is not just a tool!

User Experience

Your user is your baby :)

Page 4: Designer is not just a tool!

User Experience

Set Your Brand Idea!

Page 5: Designer is not just a tool!

User Experience

Facebook brand

Page 6: Designer is not just a tool!

The Future of user interface!

Page 7: Designer is not just a tool!

The Future Of User Interface

The number of mobile users will exceed desktop users number in 2015

Mobile Users

Desktop Users

Page 8: Designer is not just a tool!

The Future Of User Interface

The future is Mobile, yea that's right

Page 9: Designer is not just a tool!

Responsive Layout

Mobile First and content here is the KING

Page 10: Designer is not just a tool!

Responsive Layout

Flexible grid layout.

Page 11: Designer is not just a tool!

Responsive Layout

The most famous two framework for responsive layout

Page 12: Designer is not just a tool!

we are moving now to the simple world ...

Page 13: Designer is not just a tool!

User Interface Styles

Metro , Flat and Skeuomorphism

Page 14: Designer is not just a tool!

Skeuomorphism style.

Pros: Reality and Human friendlyCons: Fake and users need is not at the 1st priority

Page 15: Designer is not just a tool!

Flat User Interface designs

Simple , Clear and user friendly

Page 16: Designer is not just a tool!

Flat User Interface designs

Flat Icons ... light and strong typography

Page 17: Designer is not just a tool!

Metro style .. By Microsoft

Simple , more Clear and more user friendly

Page 18: Designer is not just a tool!

Metro style .. By Microsoft

Windows Now is based on Metro concept

Page 19: Designer is not just a tool!

Some screenshots

Page 20: Designer is not just a tool!

Some screenshots

Page 21: Designer is not just a tool!

Keywords to searchGrid System, Responsive Layout , Bootstrap, Foundation , Saas , Less , Metro design concept

ReferencesHow Mobile Design is Shaping The Web 2 By Sara CanonSkeuomorphism in Interface Design By Shaun Cronin

Page 22: Designer is not just a tool!

@mahmoudmetwallywww.mahmoudmetwally.com