Top Banner
Windows/Windows Phone Design and User Experience
30

Design and User Experience for Windows & Windows Phone

Jan 13, 2017

Download

Technology

Zayen Chagra
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design and User Experience for Windows & Windows Phone

Windows/Windows Phone

Design and User Experience

Page 2: Design and User Experience for Windows & Windows Phone

Windows: before and after

Page 3: Design and User Experience for Windows & Windows Phone

Before you can start

You must know about…

Page 4: Design and User Experience for Windows & Windows Phone

Natural User Interface

Page 5: Design and User Experience for Windows & Windows Phone

Colors

Page 6: Design and User Experience for Windows & Windows Phone

Police

Page 7: Design and User Experience for Windows & Windows Phone

WHAT ARE WINDOWS/WINDOWS PHONE SPECIFIC CONTROLS ?

Part 1

Search

Page 8: Design and User Experience for Windows & Windows Phone

Windows Phone Templates

Page 9: Design and User Experience for Windows & Windows Phone

Hub for Windows Applications

Page 10: Design and User Experience for Windows & Windows Phone

Hub for Windows Phone Applications

Page 11: Design and User Experience for Windows & Windows Phone
Page 12: Design and User Experience for Windows & Windows Phone

WHAT DOES A TOP APPLICATION LOOKS LIKE ?

Part 2

Design

Page 13: Design and User Experience for Windows & Windows Phone

Baby’s Best Friend

Page 14: Design and User Experience for Windows & Windows Phone

Confort Voyage

Page 15: Design and User Experience for Windows & Windows Phone

Tech News

Page 16: Design and User Experience for Windows & Windows Phone

QR Scanner

Page 17: Design and User Experience for Windows & Windows Phone

Animal Kingdom

Page 18: Design and User Experience for Windows & Windows Phone

TOOLS TO MAKE A TOP APPLICATION

Part 3

Sketch

Page 19: Design and User Experience for Windows & Windows Phone

SynchFusion Metro Studio

Page 20: Design and User Experience for Windows & Windows Phone

Metro Studio icons

Page 21: Design and User Experience for Windows & Windows Phone

UNDERSTANDING LAYOUTS

Part 4

Program

Page 22: Design and User Experience for Windows & Windows Phone

Arrange these elements in a …

Page 23: Design and User Experience for Windows & Windows Phone

Grid

Page 24: Design and User Experience for Windows & Windows Phone

Solution

Page 25: Design and User Experience for Windows & Windows Phone

StackPanel

Page 26: Design and User Experience for Windows & Windows Phone

Solution

Page 27: Design and User Experience for Windows & Windows Phone

START MAKING APPS

Part 5

More

Page 28: Design and User Experience for Windows & Windows Phone

Where to go from here

Microsoft Virtual Academy

http://bit.ly/14LTn33

MSDN

http://msdn.microsoft.com

Page 29: Design and User Experience for Windows & Windows Phone

Links

• Resources : http://bit.ly/S8YSUV

• Presentation : http://bit.ly/MF6VbW

• MSDN tools : http://bit.ly/K8nkk1

• Learn how to build Windows Store: http://bit.ly/TMBdKL

• Hands On lab (full tutorial) : http://bit.ly/VtBvJ7

Page 30: Design and User Experience for Windows & Windows Phone