SlideShare uma empresa Scribd logo
1 de 10
Name: Wan Au
Class: Art 3870
Spring 2013
Outline
Plan to telling concept and detail
information of the inside earth
Findable, so you won’t lost
 Where is it?
 Just keep scrolling.
 Users just keep scrolling and will find their
information
 No more clicking or searching on the website
 Instead of using traditional design and format for the
website
Accessible
Increases accessibility because scrolling is a natural,
native way to interact with touch screen devices.
Usable
Easy, impressive, informative.
 Simpler Navigation
 Put your visitors in charge and
make it their own choice to engage
with your site.
Good for educational and story
telling
 For this kinds of scrolling website
 Children and students will feel more interesting by
scrolling the site to learn
Storytelling
 offers the ideal setting to tell your story in an
interactive way. Let your visitors take control and let
them walk through your story in their own pace. The
different layers that respond differently to the scrolling
behavior of your visitors create a sense of depth and
even allow for multiple story lines.
More Fun for the users
 Let your visitors have some fun
 The visitors can walk through your story
Let your visitors take control and let them walk through your story in
their own pace. The different layers that respond differently to the
scrolling behavior of your visitors create a sense of depth and even
allow for multiple story lines.
Surprise your Visitors
 Parallax scrolling website can surprise your visitors.
when scrolling down the page. This already makes it a
special experience.
 The site automatically scrolls back to the top, giving
you yet another version of the story once you click the
navigation bar
Multiple purposes
 scrolling can be used to achieve many things in web design.
You can present your product in new level
 The direct feedback that comes with parallax scrolling is
engaging and extremely motivating.
 Guide your visitors into our site, through your content, and
towards your call to action.
http://pixel.csueastbay.edu/3870/wanau/project1/index.html

Mais conteúdo relacionado

Semelhante a 3870 project 1 presentation t_imed

scrolling in web design the long and the short of it [INFOGRAPHIC]
scrolling in web design the long and the short of it [INFOGRAPHIC]scrolling in web design the long and the short of it [INFOGRAPHIC]
scrolling in web design the long and the short of it [INFOGRAPHIC]iFactory Digital
 
Top 10 prospects of good navigation design
Top 10 prospects of good navigation designTop 10 prospects of good navigation design
Top 10 prospects of good navigation designStanleyMaddox
 
5 Elements of Successful Websites
5 Elements of Successful Websites5 Elements of Successful Websites
5 Elements of Successful WebsitesOrpheus, Inc.
 
Digital service experience trends
Digital service experience trendsDigital service experience trends
Digital service experience trendsIdean
 
Website Navigation - Some Tips
Website Navigation - Some TipsWebsite Navigation - Some Tips
Website Navigation - Some Tipsffats1
 
Stuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill UniversityStuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill UniversityMichael Nolan
 
How to Storyboard your Website
How to Storyboard your WebsiteHow to Storyboard your Website
How to Storyboard your WebsiteFil Sullivan
 
The Latest Web Design Trends and Standards
The Latest Web Design Trends and StandardsThe Latest Web Design Trends and Standards
The Latest Web Design Trends and StandardsCogniter Technologies
 
Saveur Web Analysis
Saveur Web AnalysisSaveur Web Analysis
Saveur Web Analysisjaygreyam
 
Parallax scrolling usability
Parallax scrolling usabilityParallax scrolling usability
Parallax scrolling usabilityAnuparna Banerjee
 
10 Webdesign Trends for 2014 by Vanksen
10 Webdesign Trends for 2014 by Vanksen10 Webdesign Trends for 2014 by Vanksen
10 Webdesign Trends for 2014 by VanksenVanksen
 
Top 5 UI/UX Trends To Follow in 2023
Top 5 UI/UX Trends To Follow in 2023Top 5 UI/UX Trends To Follow in 2023
Top 5 UI/UX Trends To Follow in 202375Way
 

Semelhante a 3870 project 1 presentation t_imed (20)

scrolling in web design the long and the short of it [INFOGRAPHIC]
scrolling in web design the long and the short of it [INFOGRAPHIC]scrolling in web design the long and the short of it [INFOGRAPHIC]
scrolling in web design the long and the short of it [INFOGRAPHIC]
 
Sc open all hours final
Sc open all hours finalSc open all hours final
Sc open all hours final
 
Top 10 prospects of good navigation design
Top 10 prospects of good navigation designTop 10 prospects of good navigation design
Top 10 prospects of good navigation design
 
5 Elements of Successful Websites
5 Elements of Successful Websites5 Elements of Successful Websites
5 Elements of Successful Websites
 
Digital service experience trends
Digital service experience trendsDigital service experience trends
Digital service experience trends
 
Clikzy Design Process
Clikzy Design ProcessClikzy Design Process
Clikzy Design Process
 
Website Navigation - Some Tips
Website Navigation - Some TipsWebsite Navigation - Some Tips
Website Navigation - Some Tips
 
Effective web navigation
Effective web navigationEffective web navigation
Effective web navigation
 
Usability of websites
Usability of websitesUsability of websites
Usability of websites
 
Stuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill UniversityStuff what we're doing at Edge Hill University
Stuff what we're doing at Edge Hill University
 
15 Point Checklist For An Accessible Research Website
15 Point Checklist For An Accessible Research Website15 Point Checklist For An Accessible Research Website
15 Point Checklist For An Accessible Research Website
 
Internet
InternetInternet
Internet
 
How to Storyboard your Website
How to Storyboard your WebsiteHow to Storyboard your Website
How to Storyboard your Website
 
The Latest Web Design Trends and Standards
The Latest Web Design Trends and StandardsThe Latest Web Design Trends and Standards
The Latest Web Design Trends and Standards
 
My Design Portfolio
My Design PortfolioMy Design Portfolio
My Design Portfolio
 
Social Media Are a Square
Social Media Are a SquareSocial Media Are a Square
Social Media Are a Square
 
Saveur Web Analysis
Saveur Web AnalysisSaveur Web Analysis
Saveur Web Analysis
 
Parallax scrolling usability
Parallax scrolling usabilityParallax scrolling usability
Parallax scrolling usability
 
10 Webdesign Trends for 2014 by Vanksen
10 Webdesign Trends for 2014 by Vanksen10 Webdesign Trends for 2014 by Vanksen
10 Webdesign Trends for 2014 by Vanksen
 
Top 5 UI/UX Trends To Follow in 2023
Top 5 UI/UX Trends To Follow in 2023Top 5 UI/UX Trends To Follow in 2023
Top 5 UI/UX Trends To Follow in 2023
 

Último

Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 

Último (20)

Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 

3870 project 1 presentation t_imed

  • 1. Name: Wan Au Class: Art 3870 Spring 2013
  • 2. Outline Plan to telling concept and detail information of the inside earth
  • 3. Findable, so you won’t lost  Where is it?  Just keep scrolling.  Users just keep scrolling and will find their information  No more clicking or searching on the website  Instead of using traditional design and format for the website
  • 4. Accessible Increases accessibility because scrolling is a natural, native way to interact with touch screen devices.
  • 5. Usable Easy, impressive, informative.  Simpler Navigation  Put your visitors in charge and make it their own choice to engage with your site.
  • 6. Good for educational and story telling  For this kinds of scrolling website  Children and students will feel more interesting by scrolling the site to learn
  • 7. Storytelling  offers the ideal setting to tell your story in an interactive way. Let your visitors take control and let them walk through your story in their own pace. The different layers that respond differently to the scrolling behavior of your visitors create a sense of depth and even allow for multiple story lines.
  • 8. More Fun for the users  Let your visitors have some fun  The visitors can walk through your story Let your visitors take control and let them walk through your story in their own pace. The different layers that respond differently to the scrolling behavior of your visitors create a sense of depth and even allow for multiple story lines.
  • 9. Surprise your Visitors  Parallax scrolling website can surprise your visitors. when scrolling down the page. This already makes it a special experience.  The site automatically scrolls back to the top, giving you yet another version of the story once you click the navigation bar
  • 10. Multiple purposes  scrolling can be used to achieve many things in web design. You can present your product in new level  The direct feedback that comes with parallax scrolling is engaging and extremely motivating.  Guide your visitors into our site, through your content, and towards your call to action. http://pixel.csueastbay.edu/3870/wanau/project1/index.html