SlideShare una empresa de 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

Más contenido relacionado

Similar 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
 

Similar 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

(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...mrchrns005
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
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
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
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
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一Fi L
 

Último (20)

(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
Business research proposal mcdo.pptxBusiness research proposal mcdo.pptxBusin...
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
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
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
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 in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
 

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