Performance up Web Design
-
Upload
toshiaki-sasaki -
Category
Design
-
view
619 -
download
4
description
Transcript of Performance up Web Design
![Page 1: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/1.jpg)
Toshiaki Sasaki(Web Designer at ALLCONNECT INC.,)
2013.08.17 Fukui Tech Cafe Tech Talk vol.3
Performance upWeb Design
![Page 2: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/2.jpg)
Web Designer at ALLCONNECT.Inc.
@shirokuro331
Toshiaki Sasaki
![Page 3: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/3.jpg)
完全成果報酬型のWebビジネス
Webでの販売代行・OEM事業
「販売」に特化したWebサイト
![Page 4: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/4.jpg)
パフォーマンスの高いWebサイトが求められるパフォーマンスの高いWebサイトが求められる
![Page 5: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/5.jpg)
パフォーマンスの高いWebサイトが求められるパフォーマンスの高いWebサイトが求められる
パフォーマンス = Webサイトの成果
作って終わりではなく、公開してからが本番
パフォーマンスアップのために施策を繰り返す
![Page 6: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/6.jpg)
パフォーマンスアップWebデザイン
CreatePlaning
![Page 7: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/7.jpg)
パフォーマンスアップWebデザイン
CreatePlaning
![Page 8: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/8.jpg)
LandingPage
NextPage
FormPage
FinishPage
流入 回遊 入力 完了
Conversion Flow
![Page 9: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/9.jpg)
LandingPage
NextPage
FormPage
FinishPage
流入 回遊 入力 完了
Conversion Flow
100,000訪問
60,00060%
10,00016%
1,00010%
![Page 10: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/10.jpg)
LandingPage
NextPage
FormPage
FinishPage
流入 回遊 入力 完了
Conversion Flow
100,000訪問
16% 10%80%
20%改善
80,000
20,000人増加
12,800
2,800人増加
1,280
280件お申込増加
![Page 11: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/11.jpg)
LandingPage
NextPage
FormPage
FinishPage
流入 回遊 入力 完了
Conversion Flow
100,000訪問
80,000 12,800 1,28080% 16% 10%
20%改善
20,000人増加
2,800人増加
280件お申込増加
- CVに影響を与えるところを改善する
- 影響を与えるコンテンツを見極める
![Page 12: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/12.jpg)
Web Strategy
・目的・ターゲット・競合・ユーザーニーズ
etc...
・目的達成の方法・機能要件
etc...
![Page 13: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/13.jpg)
ユーザー視点からのデザイン改善案も大事
![Page 14: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/14.jpg)
パフォーマンスアップWebデザイン
Planing Create
![Page 15: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/15.jpg)
![Page 16: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/16.jpg)
目的を達成させるデザインアプローチ
ユーザーに受け入れられやすい、慣れ親しまれた見た目
情報を伝えるということが最重要
![Page 17: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/17.jpg)
![Page 18: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/18.jpg)
![Page 19: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/19.jpg)
素早く検索できる
すぐにニュースを見れる
![Page 20: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/20.jpg)
素早く作業するために効率的な制作環境
![Page 21: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/21.jpg)
Webサイトのパフォーマンスを高めるために
![Page 22: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/22.jpg)
Webサイトのパフォーマンスを高めるために
まずはアクション(行動をおこす)
CVに影響のあるところを見極め、施策を行う
質の高いデザインを素早く作る
失敗を恐れず、施策を繰り返す
![Page 23: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/23.jpg)
Enjoy Performance
Design!
![Page 24: Performance up Web Design](https://reader033.fdocuments.net/reader033/viewer/2022052218/556a538dd8b42a7a138b48df/html5/thumbnails/24.jpg)
2013.08.17 Fukui Tech Cafe Tech Talk vol.3
Thank youToshiaki Sasaki Web Designer at ALLCONNECT INC.,SNS : shirokuro331
Photo Credit:Luc Viatour http://www.lucnix.be/main.php