small session talking about user experience and the future of UI

1. @mahmoudmetwally
www.mahmoudmetwally.com

2. We will talk about
● User Experience and psychology.
● The Future of User Interface.
● User Interface trends and styles.

3. User Experience
Your user is your baby :)

4. User Experience
Set Your Brand Idea!

5. User Experience
Facebook brand

6. The Future of user interface!

7. The Future Of User Interface
The number of mobile users will exceed
desktop users number in 2015
Mobile Users
Desktop Users

8. The Future Of User Interface
The future is Mobile, yea that's right

9. Responsive Layout
Mobile First and content here is the KING

10. Responsive Layout
Flexible grid layout.

11. Responsive Layout
The most famous two framework for responsive
layout

12. we are moving now to the
simple world ...

13. User Interface Styles
Metro , Flat and Skeuomorphism

14. Skeuomorphism style.
Pros: Reality and Human friendly
Cons: Fake and users need is not at the 1st priority

15. Flat User Interface designs
Simple , Clear and user friendly

16. Flat User Interface designs
Flat Icons ... light and strong typography

17. Metro style .. By Microsoft
Simple , more Clear and more user friendly

18. Metro style .. By Microsoft
Windows Now is based on Metro concept

19. Some screenshots

20. Some screenshots

21. Keywords to search
Grid System, Responsive Layout , Bootstrap, Foundation ,
Saas , Less , Metro design concept
References
How Mobile Design is Shaping The Web 2 By Sara Canon
Skeuomorphism in Interface Design By Shaun Cronin

22. @mahmoudmetwally
www.mahmoudmetwally.com