SlideShare une entreprise Scribd logo
The Complete Digital Marketing Course
Session – 2 (20 Mar 2016)
___________________________________________________________________
www.LearnxLab.com
______________________________________________________________________________
___________________________________________________________________
______________________________________________________________________________
___________________________________________________________________
What’s UX?
The cultivation of customer satisfaction and loyalty by optimally
developing the usability and positive emotional response a visitor
experiences with your site. – Tom Ewer
What’s UI?
The user interface (UI) is everything designed into an information device
with which a human being may interact -- including display screen,
keyboard, mouse, light pen, the appearance of a desktop, illuminated
characters, help messages, and how an application program or a Web site
invites interaction and responds to it. – TechTarget.com
User experience includes all the users' emotions, beliefs, preferences, perceptions,
physical and psychological responses, behaviours and accomplishments that occur
before, during and after use.
______________________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
______________________________________________________________________________
___________________________________________________________________
______________________________________________________________________________
___________________________________________________________________
UI:
Drop-down Menu
Form Fields
CTAs
Animations
Button Styling
Pagination
Icons
Share buttons
UX:
Persona Creation
User Study
Wireframes
Heuristic Analysis
Journey Flow
Prototypes
______________________________________________________________________________
___________________________________________________________________
UI Design Principles
Consistent: design and behavior across the site should be consistent
Intuitive: it should work the way the user rationally expects it to and they
shouldn’t undergo a learning curve
Responsive: design and layout should be flexible across various devices
Familiar: design changes and behavior shouldn’t be too drastic or unfamiliar to
the user
Clean: an organized, flat and simple design and function
Elegant: an aesthetically pleasing design and layout
Efficient: efficiency is key particularly if a user needs to spend a lot of time on
your site
Content-focused: content, text or visual, is powerful and adds value
______________________________________________________________________________
___________________________________________________________________
UX/UI Trends for 2016
______________________________________________________________________________
___________________________________________________________________
Responsive Design….is a Must!
______________________________________________________________________________
___________________________________________________________________
Parallax Scrolling
Parallax web design is a technique that allows components of a web page to move at
varying speeds when a user scrolls.
Examples??
______________________________________________________________________________
___________________________________________________________________
Flat Design
Flat design is a minimalistic design approach that emphasizes usability. It features
clean, open space, crisp edges, bright colours and two-dimensional/flat
illustrations.
______________________________________________________________________________
___________________________________________________________________
Material Design
______________________________________________________________________________
___________________________________________________________________
Differences between Flat & Material Design
Material design is an evolution of flat design.
Flat design is overall easier to develop and faster to load than
material design.
Flat design has no skeuomorphisms while material design
utilizes them subtly.
Both flat and material are minimalist approaches.
______________________________________________________________________________
___________________________________________________________________
Zero UI
______________________________________________________________________________
___________________________________________________________________
HTML 5 & CSS 3
______________________________________________________________________________
___________________________________________________________________

Contenu connexe

Similaire à The Complete Digital Marketing Course

DigitalMarketingWorkbook (1)
DigitalMarketingWorkbook (1)DigitalMarketingWorkbook (1)
DigitalMarketingWorkbook (1)
Bjarne Viken
 
Test your idea questionnaire
Test your idea questionnaireTest your idea questionnaire
Test your idea questionnaire
startupJamaica
 
TURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOK
TURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOKTURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOK
TURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOK
Bjarne Viken
 
The Complete Content Marketing Guide & Checklist
The Complete Content Marketing Guide & ChecklistThe Complete Content Marketing Guide & Checklist
The Complete Content Marketing Guide & Checklist
Nishtha Kaushik
 
Introduction to digital marketing
Introduction to digital marketingIntroduction to digital marketing
Introduction to digital marketing
LearnxLab.com
 
TransferableSkillsHandout-102014
TransferableSkillsHandout-102014TransferableSkillsHandout-102014
TransferableSkillsHandout-102014
Bernice Allegretti
 
Asma Resume
Asma ResumeAsma Resume
Asma Resume
asma khan
 
Nawaz_CV
Nawaz_CVNawaz_CV
Nawaz_CV
MUHAMMAD NAWAZ
 
Digital Marketing (learning & understanding it)
Digital Marketing (learning & understanding it)Digital Marketing (learning & understanding it)
Digital Marketing (learning & understanding it)
Jake Aull
 
Impact Your Business Growth Integrating Analytics and UX
Impact Your Business Growth Integrating Analytics and UX Impact Your Business Growth Integrating Analytics and UX
Impact Your Business Growth Integrating Analytics and UX
Nearsoft
 
Rohit Yadav 220 KV Chota Power House D
Rohit Yadav     220 KV Chota Power House DRohit Yadav     220 KV Chota Power House D
Rohit Yadav 220 KV Chota Power House D
Rohit Yadav
 
Honors in action_planning_model_2010final
Honors in action_planning_model_2010finalHonors in action_planning_model_2010final
Honors in action_planning_model_2010final
Allison Johnson
 
Blogger media kit worksheet
Blogger media kit worksheetBlogger media kit worksheet
Blogger media kit worksheet
Digital Idea Media
 
CRASHCOURSEINGOOGLEADWORDS
CRASHCOURSEINGOOGLEADWORDSCRASHCOURSEINGOOGLEADWORDS
CRASHCOURSEINGOOGLEADWORDS
Bjarne Viken
 
2015 SEO Checklist - UPDATED
2015 SEO Checklist - UPDATED2015 SEO Checklist - UPDATED
2015 SEO Checklist - UPDATED
Be Dynamic
 
Art discovery journal 2012 2013
Art discovery journal 2012 2013Art discovery journal 2012 2013
Art discovery journal 2012 2013
Artistic Education
 
Paras_Saini_ver5.8.4_GeekInf
Paras_Saini_ver5.8.4_GeekInfParas_Saini_ver5.8.4_GeekInf
Paras_Saini_ver5.8.4_GeekInf
Paras Saini
 
Digital analysis for industrial goods
Digital analysis for industrial goodsDigital analysis for industrial goods
Digital analysis for industrial goods
Jake Aull
 
Transformative Learning
Transformative LearningTransformative Learning
Transformative Learning
ctd515
 
Phases in a project v 2
Phases in a project v 2Phases in a project v 2
Phases in a project v 2
Montse Irun _Chavarria
 

Similaire à The Complete Digital Marketing Course (20)

DigitalMarketingWorkbook (1)
DigitalMarketingWorkbook (1)DigitalMarketingWorkbook (1)
DigitalMarketingWorkbook (1)
 
Test your idea questionnaire
Test your idea questionnaireTest your idea questionnaire
Test your idea questionnaire
 
TURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOK
TURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOKTURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOK
TURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOK
 
The Complete Content Marketing Guide & Checklist
The Complete Content Marketing Guide & ChecklistThe Complete Content Marketing Guide & Checklist
The Complete Content Marketing Guide & Checklist
 
Introduction to digital marketing
Introduction to digital marketingIntroduction to digital marketing
Introduction to digital marketing
 
TransferableSkillsHandout-102014
TransferableSkillsHandout-102014TransferableSkillsHandout-102014
TransferableSkillsHandout-102014
 
Asma Resume
Asma ResumeAsma Resume
Asma Resume
 
Nawaz_CV
Nawaz_CVNawaz_CV
Nawaz_CV
 
Digital Marketing (learning & understanding it)
Digital Marketing (learning & understanding it)Digital Marketing (learning & understanding it)
Digital Marketing (learning & understanding it)
 
Impact Your Business Growth Integrating Analytics and UX
Impact Your Business Growth Integrating Analytics and UX Impact Your Business Growth Integrating Analytics and UX
Impact Your Business Growth Integrating Analytics and UX
 
Rohit Yadav 220 KV Chota Power House D
Rohit Yadav     220 KV Chota Power House DRohit Yadav     220 KV Chota Power House D
Rohit Yadav 220 KV Chota Power House D
 
Honors in action_planning_model_2010final
Honors in action_planning_model_2010finalHonors in action_planning_model_2010final
Honors in action_planning_model_2010final
 
Blogger media kit worksheet
Blogger media kit worksheetBlogger media kit worksheet
Blogger media kit worksheet
 
CRASHCOURSEINGOOGLEADWORDS
CRASHCOURSEINGOOGLEADWORDSCRASHCOURSEINGOOGLEADWORDS
CRASHCOURSEINGOOGLEADWORDS
 
2015 SEO Checklist - UPDATED
2015 SEO Checklist - UPDATED2015 SEO Checklist - UPDATED
2015 SEO Checklist - UPDATED
 
Art discovery journal 2012 2013
Art discovery journal 2012 2013Art discovery journal 2012 2013
Art discovery journal 2012 2013
 
Paras_Saini_ver5.8.4_GeekInf
Paras_Saini_ver5.8.4_GeekInfParas_Saini_ver5.8.4_GeekInf
Paras_Saini_ver5.8.4_GeekInf
 
Digital analysis for industrial goods
Digital analysis for industrial goodsDigital analysis for industrial goods
Digital analysis for industrial goods
 
Transformative Learning
Transformative LearningTransformative Learning
Transformative Learning
 
Phases in a project v 2
Phases in a project v 2Phases in a project v 2
Phases in a project v 2
 

Dernier

Maximize Your Twitch Potential!..........
Maximize Your Twitch Potential!..........Maximize Your Twitch Potential!..........
Maximize Your Twitch Potential!..........
SocioCosmos
 
UR BHATTI ACADEMY AND ONLINE COURSES.pdf
UR BHATTI ACADEMY AND ONLINE COURSES.pdfUR BHATTI ACADEMY AND ONLINE COURSES.pdf
UR BHATTI ACADEMY AND ONLINE COURSES.pdf
urbhattiacademy
 
STUDY ON THE DEVELOPMENT STRATEGY OF HUZHOU TOURISM
STUDY ON THE DEVELOPMENT STRATEGY OF HUZHOU TOURISMSTUDY ON THE DEVELOPMENT STRATEGY OF HUZHOU TOURISM
STUDY ON THE DEVELOPMENT STRATEGY OF HUZHOU TOURISM
AJHSSR Journal
 
快速办理(worcester毕业证书)伍斯特大学毕业证PDF成绩单一模一样
快速办理(worcester毕业证书)伍斯特大学毕业证PDF成绩单一模一样快速办理(worcester毕业证书)伍斯特大学毕业证PDF成绩单一模一样
快速办理(worcester毕业证书)伍斯特大学毕业证PDF成绩单一模一样
9u4xjk4w
 
原版制作(Hull毕业证书)赫尔大学毕业证Offer一模一样
原版制作(Hull毕业证书)赫尔大学毕业证Offer一模一样原版制作(Hull毕业证书)赫尔大学毕业证Offer一模一样
原版制作(Hull毕业证书)赫尔大学毕业证Offer一模一样
7lkkjxt
 
Transportation_Channel_Investor_Presentation_April_2024_ Final .pdf
Transportation_Channel_Investor_Presentation_April_2024_ Final .pdfTransportation_Channel_Investor_Presentation_April_2024_ Final .pdf
Transportation_Channel_Investor_Presentation_April_2024_ Final .pdf
Matthewperry105
 
HMS Facebook Stories All V1 06092024.docx
HMS Facebook Stories All V1 06092024.docxHMS Facebook Stories All V1 06092024.docx
HMS Facebook Stories All V1 06092024.docx
Charles Bayless
 
一比一原版(AU毕业证)英国阿伯丁大学毕业证如何办理
一比一原版(AU毕业证)英国阿伯丁大学毕业证如何办理一比一原版(AU毕业证)英国阿伯丁大学毕业证如何办理
一比一原版(AU毕业证)英国阿伯丁大学毕业证如何办理
anubug
 
Dominate Reddit Discussions.............
Dominate Reddit Discussions.............Dominate Reddit Discussions.............
Dominate Reddit Discussions.............
SocioCosmos
 

Dernier (9)

Maximize Your Twitch Potential!..........
Maximize Your Twitch Potential!..........Maximize Your Twitch Potential!..........
Maximize Your Twitch Potential!..........
 
UR BHATTI ACADEMY AND ONLINE COURSES.pdf
UR BHATTI ACADEMY AND ONLINE COURSES.pdfUR BHATTI ACADEMY AND ONLINE COURSES.pdf
UR BHATTI ACADEMY AND ONLINE COURSES.pdf
 
STUDY ON THE DEVELOPMENT STRATEGY OF HUZHOU TOURISM
STUDY ON THE DEVELOPMENT STRATEGY OF HUZHOU TOURISMSTUDY ON THE DEVELOPMENT STRATEGY OF HUZHOU TOURISM
STUDY ON THE DEVELOPMENT STRATEGY OF HUZHOU TOURISM
 
快速办理(worcester毕业证书)伍斯特大学毕业证PDF成绩单一模一样
快速办理(worcester毕业证书)伍斯特大学毕业证PDF成绩单一模一样快速办理(worcester毕业证书)伍斯特大学毕业证PDF成绩单一模一样
快速办理(worcester毕业证书)伍斯特大学毕业证PDF成绩单一模一样
 
原版制作(Hull毕业证书)赫尔大学毕业证Offer一模一样
原版制作(Hull毕业证书)赫尔大学毕业证Offer一模一样原版制作(Hull毕业证书)赫尔大学毕业证Offer一模一样
原版制作(Hull毕业证书)赫尔大学毕业证Offer一模一样
 
Transportation_Channel_Investor_Presentation_April_2024_ Final .pdf
Transportation_Channel_Investor_Presentation_April_2024_ Final .pdfTransportation_Channel_Investor_Presentation_April_2024_ Final .pdf
Transportation_Channel_Investor_Presentation_April_2024_ Final .pdf
 
HMS Facebook Stories All V1 06092024.docx
HMS Facebook Stories All V1 06092024.docxHMS Facebook Stories All V1 06092024.docx
HMS Facebook Stories All V1 06092024.docx
 
一比一原版(AU毕业证)英国阿伯丁大学毕业证如何办理
一比一原版(AU毕业证)英国阿伯丁大学毕业证如何办理一比一原版(AU毕业证)英国阿伯丁大学毕业证如何办理
一比一原版(AU毕业证)英国阿伯丁大学毕业证如何办理
 
Dominate Reddit Discussions.............
Dominate Reddit Discussions.............Dominate Reddit Discussions.............
Dominate Reddit Discussions.............
 

The Complete Digital Marketing Course