SlideShare a Scribd company logo
1 of 19
Download to read offline
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.Web DevelopmentCompany – AAPNAInfotech1
New Trends for Website Design 2016
Rohit Tanwar
Website Designer
WebsiteDesigningTrends 20162016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.2 2016 Trends forWebsite DesignWeb DevelopmentCompany – AAPNAInfotech
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.3
Definition
What is Design?
Design is an art optimized to meet objectives.
Realization of a concept or an idea into a drawing, model,
pattern, plan or specification and which helps achieve the
item's designated objective.
A thought process, an optimized solution and a holistic
approach to create something.
An image in our brain that reflects our memories, emotions,
etc. and may have very little to do with the physical object.
Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.4 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.5 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.6
Definition
What is Website
Design?
Website Design encompasses planning, creation and
maintenance of websites. Website Design also involves
information architecture, website structure, user interface,
navigation ergonomics, website layout, colors, contrasts, fonts,
imagery (photography) as well as icons design.
Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.7
# Website Design Process
More About Website Design Process
- Research
- Observe
- Understand
- Analyze
- Select Theme
01
Plan
- Wireframes
- Design Concepts
- Create Design
- Share with Client
- Design Approval
02
Design
- Design Handover
- Communicate
- Monitor
- Visual Design
03
Develop
- Usability Testing
- Verification
- Design Quality Check
- Share with Client
- Get Approval
- Make it LIVE
04
QA & LIVE
# Note – The next slide talks about the difference between a Web designer & a Web developer.
Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.8
# Web Designer & Web Developer
Know About their Role …
Website Designing is everything to
do with how a website looks on
screen.
WEB
DESIGNER
Website Design is the layout of
the website and its content. It
concerns how customers interact
with the website on the user
interface and how to make it a
great experience.
Website Designers require an
understanding of HTML, and
programmers such as
DreamWeaver, Photoshop and
Illustrator.
Web Development is everything
to do with how websites work
behind the scenes.
Web Development refers to the
programming required to
construct a website and controls
the way a website functions.
Web Developers need to have
suitable knowledge about
scripting languages, JavaScript,
ASP.NET, PHP, CSS etc.
WEB
DEVELOPER
Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.9 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.10 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.11
Responsive websites respond to their environment.
Responsive web design (RWD) is a web design technique which insists
that design and development should respond to the user's behavior and
environment based on screen size, platform and orientation. Good web
designing companies take care of this technique.
Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.12
# Responsive Website Design Flow
Learn More About …
Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.13
People like what they see, which is why
engaging and bright animations are very
a popular UI pattern and will remain as
such for a long time. Gifs or other short
animations make every story way more
interesting.
Two types of animations:
Small scale and Large scale
Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.14
Currently, we are witnessing a
rise in the use of WordPress
websites and they all look kind
of similar. Nevertheless, we
shouldn’t automatically assume
that if our website looks
somewhat like another one – it’s
going nowhere.
Example: Flat Icon Base design,
HD Photos, Long scroll,
Hamburger Menu similar to the
design trends of 2015.
Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.15
Example:
1. Facebook – someone likes your
photo, and you are immediately
notified without involving any
interaction with the person.
2. Online shopping websites such as
Flipkart.
Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.16
Material Design is a style language, introduced by Google in 2014.
Currently, Website Designing companies considered it a practice, rather than
a trend.
To know more click here
Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.
Topics Covered
 What is Design?
 What is Web Design?
 Website Design Process
 Web Designer & Web Developer
 2016 Trends of Website Design
 Responsive Website Design
 Vivid & Unusual Animations
 UI patterns
 Micro Interactions
 Material design
17 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.18 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
©2013 Accretive Health Inc.©2016 Web Design – Episode 01.19 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
I have been working in the web design
industry for almost 5 years and I have
gained an excellent knowledge in the
same. I am very passionate about the
industry & presently enjoying my journey
with AAPNA Infotech – a web
development company.
I am extremely proud of every project I
have executed at AAPNA and have
completed to the highest standard.
To, know more about website design visit
http://www.aapnainfotech.com/website-design/

More Related Content

More from Aapna Infotech

RPA Case Studies - AAPNA Infotech
RPA Case Studies - AAPNA InfotechRPA Case Studies - AAPNA Infotech
RPA Case Studies - AAPNA InfotechAapna Infotech
 
Top Reasons to use RPA in Financial Services
Top Reasons to use RPA in Financial ServicesTop Reasons to use RPA in Financial Services
Top Reasons to use RPA in Financial ServicesAapna Infotech
 
Advantages of Automation in Mortgage Processing
Advantages of Automation in Mortgage ProcessingAdvantages of Automation in Mortgage Processing
Advantages of Automation in Mortgage ProcessingAapna Infotech
 
Enterprise App Development
Enterprise App DevelopmentEnterprise App Development
Enterprise App DevelopmentAapna Infotech
 
Software Development Company Corporate Presentation
Software Development Company Corporate Presentation Software Development Company Corporate Presentation
Software Development Company Corporate Presentation Aapna Infotech
 
Enterprise Application Development Corporate Presentation - AAPNA Infotech
Enterprise Application Development Corporate Presentation - AAPNA InfotechEnterprise Application Development Corporate Presentation - AAPNA Infotech
Enterprise Application Development Corporate Presentation - AAPNA InfotechAapna Infotech
 
Artificial Intelligence Services - AAPNA Infotech
Artificial Intelligence Services - AAPNA InfotechArtificial Intelligence Services - AAPNA Infotech
Artificial Intelligence Services - AAPNA InfotechAapna Infotech
 
Robotic process automation (rpa)
Robotic process automation (rpa)Robotic process automation (rpa)
Robotic process automation (rpa)Aapna Infotech
 
Software QA Testing Company India Presentation - AAPNA Infotech
Software QA Testing Company India Presentation - AAPNA InfotechSoftware QA Testing Company India Presentation - AAPNA Infotech
Software QA Testing Company India Presentation - AAPNA InfotechAapna Infotech
 
End-to-End solution - Mobile APP, Web & Smart Iot Bin
End-to-End solution - Mobile APP, Web & Smart Iot Bin End-to-End solution - Mobile APP, Web & Smart Iot Bin
End-to-End solution - Mobile APP, Web & Smart Iot Bin Aapna Infotech
 
Challenges Of Outsourcing
Challenges Of OutsourcingChallenges Of Outsourcing
Challenges Of OutsourcingAapna Infotech
 
Aapna Infotech - A web development company- Corporate Presentation
Aapna Infotech - A web development company- Corporate PresentationAapna Infotech - A web development company- Corporate Presentation
Aapna Infotech - A web development company- Corporate PresentationAapna Infotech
 
6 simple tips to become a better PHP developer
6 simple tips to become a better PHP developer6 simple tips to become a better PHP developer
6 simple tips to become a better PHP developerAapna Infotech
 
10 Steps to Secure Wordpress Sites
10 Steps to Secure Wordpress Sites10 Steps to Secure Wordpress Sites
10 Steps to Secure Wordpress SitesAapna Infotech
 
Outsourcing. 10 Tips for Web Developers.
Outsourcing. 10 Tips for Web Developers.Outsourcing. 10 Tips for Web Developers.
Outsourcing. 10 Tips for Web Developers.Aapna Infotech
 
Why outsourcing to India?
Why outsourcing to India? Why outsourcing to India?
Why outsourcing to India? Aapna Infotech
 
Entreprenuership building teams
Entreprenuership   building teamsEntreprenuership   building teams
Entreprenuership building teamsAapna Infotech
 

More from Aapna Infotech (19)

RPA Case Studies - AAPNA Infotech
RPA Case Studies - AAPNA InfotechRPA Case Studies - AAPNA Infotech
RPA Case Studies - AAPNA Infotech
 
Top Reasons to use RPA in Financial Services
Top Reasons to use RPA in Financial ServicesTop Reasons to use RPA in Financial Services
Top Reasons to use RPA in Financial Services
 
Advantages of Automation in Mortgage Processing
Advantages of Automation in Mortgage ProcessingAdvantages of Automation in Mortgage Processing
Advantages of Automation in Mortgage Processing
 
Enterprise App Development
Enterprise App DevelopmentEnterprise App Development
Enterprise App Development
 
Software Development Company Corporate Presentation
Software Development Company Corporate Presentation Software Development Company Corporate Presentation
Software Development Company Corporate Presentation
 
Enterprise Application Development Corporate Presentation - AAPNA Infotech
Enterprise Application Development Corporate Presentation - AAPNA InfotechEnterprise Application Development Corporate Presentation - AAPNA Infotech
Enterprise Application Development Corporate Presentation - AAPNA Infotech
 
Artificial Intelligence Services - AAPNA Infotech
Artificial Intelligence Services - AAPNA InfotechArtificial Intelligence Services - AAPNA Infotech
Artificial Intelligence Services - AAPNA Infotech
 
Robotic process automation (rpa)
Robotic process automation (rpa)Robotic process automation (rpa)
Robotic process automation (rpa)
 
Software QA Testing Company India Presentation - AAPNA Infotech
Software QA Testing Company India Presentation - AAPNA InfotechSoftware QA Testing Company India Presentation - AAPNA Infotech
Software QA Testing Company India Presentation - AAPNA Infotech
 
End-to-End solution - Mobile APP, Web & Smart Iot Bin
End-to-End solution - Mobile APP, Web & Smart Iot Bin End-to-End solution - Mobile APP, Web & Smart Iot Bin
End-to-End solution - Mobile APP, Web & Smart Iot Bin
 
Challenges Of Outsourcing
Challenges Of OutsourcingChallenges Of Outsourcing
Challenges Of Outsourcing
 
Aapna Infotech - A web development company- Corporate Presentation
Aapna Infotech - A web development company- Corporate PresentationAapna Infotech - A web development company- Corporate Presentation
Aapna Infotech - A web development company- Corporate Presentation
 
6 simple tips to become a better PHP developer
6 simple tips to become a better PHP developer6 simple tips to become a better PHP developer
6 simple tips to become a better PHP developer
 
10 Steps to Secure Wordpress Sites
10 Steps to Secure Wordpress Sites10 Steps to Secure Wordpress Sites
10 Steps to Secure Wordpress Sites
 
Aapna presentation
Aapna presentationAapna presentation
Aapna presentation
 
Pourquoi externaliser
Pourquoi externaliserPourquoi externaliser
Pourquoi externaliser
 
Outsourcing. 10 Tips for Web Developers.
Outsourcing. 10 Tips for Web Developers.Outsourcing. 10 Tips for Web Developers.
Outsourcing. 10 Tips for Web Developers.
 
Why outsourcing to India?
Why outsourcing to India? Why outsourcing to India?
Why outsourcing to India?
 
Entreprenuership building teams
Entreprenuership   building teamsEntreprenuership   building teams
Entreprenuership building teams
 

Recently uploaded

Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityPrincipled Technologies
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...DianaGray10
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsJoaquim Jorge
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherRemote DBA Services
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?Igalia
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesBoston Institute of Analytics
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 

Recently uploaded (20)

Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 

New trends for website design 2016

  • 1. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.Web DevelopmentCompany – AAPNAInfotech1 New Trends for Website Design 2016 Rohit Tanwar Website Designer WebsiteDesigningTrends 20162016 Trends for Website Design
  • 2. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.2 2016 Trends forWebsite DesignWeb DevelopmentCompany – AAPNAInfotech
  • 3. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.3 Definition What is Design? Design is an art optimized to meet objectives. Realization of a concept or an idea into a drawing, model, pattern, plan or specification and which helps achieve the item's designated objective. A thought process, an optimized solution and a holistic approach to create something. An image in our brain that reflects our memories, emotions, etc. and may have very little to do with the physical object. Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 4. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.4 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 5. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.5 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 6. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.6 Definition What is Website Design? Website Design encompasses planning, creation and maintenance of websites. Website Design also involves information architecture, website structure, user interface, navigation ergonomics, website layout, colors, contrasts, fonts, imagery (photography) as well as icons design. Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 7. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.7 # Website Design Process More About Website Design Process - Research - Observe - Understand - Analyze - Select Theme 01 Plan - Wireframes - Design Concepts - Create Design - Share with Client - Design Approval 02 Design - Design Handover - Communicate - Monitor - Visual Design 03 Develop - Usability Testing - Verification - Design Quality Check - Share with Client - Get Approval - Make it LIVE 04 QA & LIVE # Note – The next slide talks about the difference between a Web designer & a Web developer. Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 8. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.8 # Web Designer & Web Developer Know About their Role … Website Designing is everything to do with how a website looks on screen. WEB DESIGNER Website Design is the layout of the website and its content. It concerns how customers interact with the website on the user interface and how to make it a great experience. Website Designers require an understanding of HTML, and programmers such as DreamWeaver, Photoshop and Illustrator. Web Development is everything to do with how websites work behind the scenes. Web Development refers to the programming required to construct a website and controls the way a website functions. Web Developers need to have suitable knowledge about scripting languages, JavaScript, ASP.NET, PHP, CSS etc. WEB DEVELOPER Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 9. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.9 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 10. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.10 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 11. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.11 Responsive websites respond to their environment. Responsive web design (RWD) is a web design technique which insists that design and development should respond to the user's behavior and environment based on screen size, platform and orientation. Good web designing companies take care of this technique. Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 12. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.12 # Responsive Website Design Flow Learn More About … Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 13. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.13 People like what they see, which is why engaging and bright animations are very a popular UI pattern and will remain as such for a long time. Gifs or other short animations make every story way more interesting. Two types of animations: Small scale and Large scale Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 14. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.14 Currently, we are witnessing a rise in the use of WordPress websites and they all look kind of similar. Nevertheless, we shouldn’t automatically assume that if our website looks somewhat like another one – it’s going nowhere. Example: Flat Icon Base design, HD Photos, Long scroll, Hamburger Menu similar to the design trends of 2015. Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 15. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.15 Example: 1. Facebook – someone likes your photo, and you are immediately notified without involving any interaction with the person. 2. Online shopping websites such as Flipkart. Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 16. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.16 Material Design is a style language, introduced by Google in 2014. Currently, Website Designing companies considered it a practice, rather than a trend. To know more click here Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 17. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01. Topics Covered  What is Design?  What is Web Design?  Website Design Process  Web Designer & Web Developer  2016 Trends of Website Design  Responsive Website Design  Vivid & Unusual Animations  UI patterns  Micro Interactions  Material design 17 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 18. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.18 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design
  • 19. ©2013 Accretive Health Inc.©2016 Web Design – Episode 01.19 Web DevelopmentCompany – AAPNAInfotech 2016 Trends for Website Design I have been working in the web design industry for almost 5 years and I have gained an excellent knowledge in the same. I am very passionate about the industry & presently enjoying my journey with AAPNA Infotech – a web development company. I am extremely proud of every project I have executed at AAPNA and have completed to the highest standard. To, know more about website design visit http://www.aapnainfotech.com/website-design/