SlideShare uma empresa 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
______________________________________________________________________________
___________________________________________________________________

Mais conteúdo relacionado

Semelhante a 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 questionnairestartupJamaica
 
TURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOK
TURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOKTURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOK
TURNAPROFITINTRODUCTIONTOCONVERSIONOPTIMIZATIONWORKBOOKBjarne 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-102014Bernice Allegretti
 
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 DRohit Yadav
 
Honors in action_planning_model_2010final
Honors in action_planning_model_2010finalHonors in action_planning_model_2010final
Honors in action_planning_model_2010finalAllison Johnson
 
CRASHCOURSEINGOOGLEADWORDS
CRASHCOURSEINGOOGLEADWORDSCRASHCOURSEINGOOGLEADWORDS
CRASHCOURSEINGOOGLEADWORDSBjarne 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 2013Artistic Education
 
Paras_Saini_ver5.8.4_GeekInf
Paras_Saini_ver5.8.4_GeekInfParas_Saini_ver5.8.4_GeekInf
Paras_Saini_ver5.8.4_GeekInfParas 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 Learningctd515
 
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
 

Semelhante a 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
 

Último

Transform Your Presence Now!..............
Transform Your Presence Now!..............Transform Your Presence Now!..............
Transform Your Presence Now!..............
SocioCosmos
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TELEGRAM
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TELEGRAMLORRAINE ANDREI_LEQUIGAN_HOW TO USE TELEGRAM
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TELEGRAM
lorraineandreiamcidl
 
HOW TO USE FACEBOOK _ by Clarissa Credito
HOW TO USE FACEBOOK _ by Clarissa CreditoHOW TO USE FACEBOOK _ by Clarissa Credito
HOW TO USE FACEBOOK _ by Clarissa Credito
ClarissaAlanoCredito
 
Surat Digital Marketing School - course curriculum
Surat Digital Marketing School - course curriculumSurat Digital Marketing School - course curriculum
Surat Digital Marketing School - course curriculum
digitalcourseshop4
 
快速办理(BCR毕业证书)加州大学河滨分校毕业证文凭证书一模一样
快速办理(BCR毕业证书)加州大学河滨分校毕业证文凭证书一模一样快速办理(BCR毕业证书)加州大学河滨分校毕业证文凭证书一模一样
快速办理(BCR毕业证书)加州大学河滨分校毕业证文凭证书一模一样
ryxqoswi
 
SluggerPunk Final Angel Investor Proposal
SluggerPunk Final Angel Investor ProposalSluggerPunk Final Angel Investor Proposal
SluggerPunk Final Angel Investor Proposal
grogshiregames
 
SluggerPunk Angel Investor Final Proposal
SluggerPunk Angel Investor Final ProposalSluggerPunk Angel Investor Final Proposal
SluggerPunk Angel Investor Final Proposal
grogshiregames
 
Your LinkedIn Success Starts Here.......
Your LinkedIn Success Starts Here.......Your LinkedIn Success Starts Here.......
Your LinkedIn Success Starts Here.......
SocioCosmos
 
EASY TUTORIAL OF HOW TO USE G-TEAMS BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE G-TEAMS BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE G-TEAMS BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE G-TEAMS BY: FEBLESS HERNANE
Febless Hernane
 
The Evolution of SEO: Insights from a Leading Digital Marketing Agency
The Evolution of SEO: Insights from a Leading Digital Marketing AgencyThe Evolution of SEO: Insights from a Leading Digital Marketing Agency
The Evolution of SEO: Insights from a Leading Digital Marketing Agency
Digital Marketing Lab
 
Project Serenity — 33% Life-time Commissions.docx
Project Serenity — 33% Life-time Commissions.docxProject Serenity — 33% Life-time Commissions.docx
Project Serenity — 33% Life-time Commissions.docx
zeqirielmedina8
 
Your Path to YouTube Stardom Starts Here
Your Path to YouTube Stardom Starts HereYour Path to YouTube Stardom Starts Here
Your Path to YouTube Stardom Starts Here
SocioCosmos
 
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
 
HOW TO USE THREADS an Instagram App_ by Clarissa Credito
HOW TO USE THREADS an Instagram App_ by Clarissa CreditoHOW TO USE THREADS an Instagram App_ by Clarissa Credito
HOW TO USE THREADS an Instagram App_ by Clarissa Credito
ClarissaAlanoCredito
 

Último (14)

Transform Your Presence Now!..............
Transform Your Presence Now!..............Transform Your Presence Now!..............
Transform Your Presence Now!..............
 
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TELEGRAM
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TELEGRAMLORRAINE ANDREI_LEQUIGAN_HOW TO USE TELEGRAM
LORRAINE ANDREI_LEQUIGAN_HOW TO USE TELEGRAM
 
HOW TO USE FACEBOOK _ by Clarissa Credito
HOW TO USE FACEBOOK _ by Clarissa CreditoHOW TO USE FACEBOOK _ by Clarissa Credito
HOW TO USE FACEBOOK _ by Clarissa Credito
 
Surat Digital Marketing School - course curriculum
Surat Digital Marketing School - course curriculumSurat Digital Marketing School - course curriculum
Surat Digital Marketing School - course curriculum
 
快速办理(BCR毕业证书)加州大学河滨分校毕业证文凭证书一模一样
快速办理(BCR毕业证书)加州大学河滨分校毕业证文凭证书一模一样快速办理(BCR毕业证书)加州大学河滨分校毕业证文凭证书一模一样
快速办理(BCR毕业证书)加州大学河滨分校毕业证文凭证书一模一样
 
SluggerPunk Final Angel Investor Proposal
SluggerPunk Final Angel Investor ProposalSluggerPunk Final Angel Investor Proposal
SluggerPunk Final Angel Investor Proposal
 
SluggerPunk Angel Investor Final Proposal
SluggerPunk Angel Investor Final ProposalSluggerPunk Angel Investor Final Proposal
SluggerPunk Angel Investor Final Proposal
 
Your LinkedIn Success Starts Here.......
Your LinkedIn Success Starts Here.......Your LinkedIn Success Starts Here.......
Your LinkedIn Success Starts Here.......
 
EASY TUTORIAL OF HOW TO USE G-TEAMS BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE G-TEAMS BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE G-TEAMS BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE G-TEAMS BY: FEBLESS HERNANE
 
The Evolution of SEO: Insights from a Leading Digital Marketing Agency
The Evolution of SEO: Insights from a Leading Digital Marketing AgencyThe Evolution of SEO: Insights from a Leading Digital Marketing Agency
The Evolution of SEO: Insights from a Leading Digital Marketing Agency
 
Project Serenity — 33% Life-time Commissions.docx
Project Serenity — 33% Life-time Commissions.docxProject Serenity — 33% Life-time Commissions.docx
Project Serenity — 33% Life-time Commissions.docx
 
Your Path to YouTube Stardom Starts Here
Your Path to YouTube Stardom Starts HereYour Path to YouTube Stardom Starts Here
Your Path to YouTube Stardom Starts Here
 
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
 
HOW TO USE THREADS an Instagram App_ by Clarissa Credito
HOW TO USE THREADS an Instagram App_ by Clarissa CreditoHOW TO USE THREADS an Instagram App_ by Clarissa Credito
HOW TO USE THREADS an Instagram App_ by Clarissa Credito
 

The Complete Digital Marketing Course