How to Make Awesome 狠狠撸Shares: Tips & Tricks狠狠撸Share
?
Turbocharge your online presence with 狠狠撸Share. We provide the best tips and tricks for succeeding on 狠狠撸Share. Get ideas for what to upload, tips for designing your deck and more.
狠狠撸Share is a global platform for sharing presentations, infographics, videos and documents. It has over 18 million pieces of professional content uploaded by experts like Eric Schmidt and Guy Kawasaki. The document provides tips for setting up an account on 狠狠撸Share, uploading content, optimizing it for searchability, and sharing it on social media to build an audience and reputation as a subject matter expert.
ノーコードツールのビジネスアイディアを発表しました。
カベウチ?アイディアソン 登壇資料。
oVice賞 / Plug and Play Shibuya powered by 東急不動産賞をW受賞。
イベントレポート
https://startuptimes.jp/2020/12/02/213375/
ノーコードツールのビジネスアイディアを発表しました。
カベウチ?アイディアソン 登壇資料。
oVice賞 / Plug and Play Shibuya powered by 東急不動産賞をW受賞。
イベントレポート
https://startuptimes.jp/2020/12/02/213375/
9. ? Aratana inc. For Internal Use Only
1998年
1999年
2000年
2001年
2002年
IT業界は、毎年が激動の時代
2006年
2007年
2008?2009年
2004年
2015年
10. ? Aratana inc. For Internal Use Only
1998年 2000年 2002年
変化は課題解決を徐々に複雑にしていく…
2006年 2015年
クリエイティブ ビジネス
(デザイン以外の仕事の事)
デバイスの
利用傾向
世の中の
社会的動向
人の傾向
コミュニケーション
課題解決
11. ? Aratana inc. For Internal Use Only
参考までに、スマホとPCのネット利用者傾向について
スマートフォン:ブラウザとアプリからのネット利用 参考:ニールセン株式会社(東京都港区)発表資料より引用
? 今年の冬には、スマホでのネット利用者がPCを超える?
? Webデザインは「PC対応をメイン」にしてて良いのだろうか?
インターネット利用者数 25ヶ月推移
12. ? Aratana inc. For Internal Use Only
参考までに、スマホとPCのネット利用者傾向について
スマートフォン:ブラウザとアプリからのネット利用 参考:ニールセン株式会社(東京都港区)発表資料より引用
? 1日あたりで見ると、PCでのネット利用がメインとは言えない?
? スマホによるネット利用時間の方が年々増えてる?
1日あたりのインターネット利用時間 2015年4月
13. ? Aratana inc. For Internal Use Only
参考までに、スマホとPCのネット利用者傾向について
スマートフォン:ブラウザとアプリからのネット利用 参考:ニールセン株式会社(東京都港区)発表資料より引用
? 若い世代のネット利用時間はどんどん増えていく?
? 女性のネット利用時間が長いのはなぜ?
? SNSがネット利用時間の増加を助長してる?
性年代別 スマートフォンからの1日あたりのインターネット利用時間 2015年4月
14. ? Aratana inc. For Internal Use Only
ユーザーが情報を利用する環境?目的は無限。
SNSがツールとして浸透したことで
コミュニケーションの方法も無限に。
作るべき?やるべき事は必ずしも
一つではなくなった。
解決手段としてWebサイトを作ることが
ゴールの全てでは無くなった。
21. ? Aratana inc. For Internal Use Only
それは、検索エンジンであって、それだけではない存在。
..........etc
Googleは、さまざまな情報をインデックスできて
解析?分析できて、世の中の「トレンド」を察知できる存在。
22. ? Aratana inc. For Internal Use Only
は、ただ単にプログラムで条件検索しているだけの
『検索エンジン』という存在ではなく…
は、その日その時、その地域の何かを情報から判断し
トレンドとして反映する『人工知能』と言える。
23. ? Aratana inc. For Internal Use Only
Webデザイナーが
これから取り組むべきコト。
24. ? Aratana inc. For Internal Use Only
それは、ただ依頼されたものを
そのままデザインしない…というコト。
25. ? Aratana inc. For Internal Use Only
ナンバーワンである理由…
オンリーワンである理由…
なにで、どのジャンルで、一番になりたいか。
26. ? Aratana inc. For Internal Use Only
クライアントが世に出したい情報の
を引き出したデザイン
クリエイティブをしましょう。
「 本 質 」
27. ? Aratana inc. For Internal Use Only
そうしなければ???
クライアントが自信を持っているモノや、その理由など
「本質」が描かれていないページは、トレンドの波にのまれてしまう。
目立つことが出来ない。
※イメージ
28. ? Aratana inc. For Internal Use Only
デザインで問題解決する時代は半分終わっている。
デザイン単体で解決できる問題ばかりではなくなった。
解決するために必要なデザインの形も一つではなくなった。
…ゴール自体も一つでは無くなった。
ネット端末も、コミュニケーション方法も、無限に広がった。
本質が何かを考えるための
例
29. ? Aratana inc. For Internal Use Only
デザインで問題解決する時代は半分終わっている。
デザイン単体で解決できる問題ばかりではなくなった。
解決するために必要なデザインの形も一つではなくなった。
…ゴール自体も一つでは無くなった。
ネット端末も、コミュニケーション方法も、無限に広がった。
そんな話題を耳にしたあなた、
「至高の激ウマスイーツ」
30. ? Aratana inc. For Internal Use Only
そのサイトにどんなイメージを求めますか?
※イメージ
31. ? Aratana inc. For Internal Use Only
もし、こんなイメージ?情報が載っていたら???どう感じますか?
※イメージ
32. ? Aratana inc. For Internal Use Only
なんとなく描いたイメージって…こっちですよね?
※イメージ
33. ? Aratana inc. For Internal Use Only
これよりも現実的で、複雑で
かつ多角的な「問題」が絡んで存在している…というのが
これから先のWebデザインです。
「至高の激ウマスイーツ=スーツの社長?」
「本質」って、そうそう簡単に引き出せるもの?
コミニュケーションに努めることが全て?
34. ? Aratana inc. For Internal Use Only
Information Architecture
( 情報アーキテクチャ )
35. ? Aratana inc. For Internal Use Only
情報アーキテクチャ(IA)とは?
知識やデータの組織化を意味し
「情報をわかりやすく伝え」「受け手が情報を探しやすくする」
ために、どのような思考のプロセスをもって
デザイン設計するべきかをまとめたモノである。
36. ? Aratana inc. For Internal Use Only
IAで、デザイナーはこうなれる。
閃きとアイディア
センスあるデザインが武器
閃き?アイディア?センス
情報をロジカルに分析した
デザイン設計が武器
閃いたり、発想したり、アイディアが降ってくるのを待つだけじゃなく
目の前にある「情報」を材料にして思考すると???
38. ? Aratana inc. For Internal Use Only
IA的解説
まずは「激ウマスイーツ」の情報を届けよう。
お店の「実績?自負」は、その後からでも届けられる。
ナニコレ?
ウマソー!
お店が出した
イメージ?情報
お店の実績?自負推し
スイーツ?数量限定推し
イメージ?情報を受け取った
ユーザーの感覚?感情
予想されるユーザーの
次の段階(リアクション予想)
…とりあえず他に
激ウマスイーツ情報が無いか探す。
誰これ…?(とりあえずクリック)
激ウマな感じしない…(他サイトとの比較へ)
他にも激ウマスイーツが無いか探す!
どんくらい激ウマなの!?
どんなお店?名店なの?
この段階で情報を
伝え直すのは難しい。
この段階なら
他の情報が伝えられる。
39. ? Aratana inc. For Internal Use Only
IA的解説
IAはデザイン設計の前に、必ず3つの情報分析を行う。
※ IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計(長谷川 敦士 著)より引用
40. ? Aratana inc. For Internal Use Only
IA的解説
そして、3つの分析に基づいて「設計」し、デザインていく。
※ IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計(長谷川 敦士 著)より引用
41. ? Aratana inc. For Internal Use Only
IA的解説
IAにはデザインの知識?センスだけではなく
幅広い知識?能力を活かす事ができる。
※ IA100 ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計(長谷川 敦士 著)より引用
42. ? Aratana inc. For Internal Use Only
Webデザイナーが
これから取り組むべきコト。
43. ? Aratana inc. For Internal Use Only
複雑な問題に、ひらめきやセンスだけで
立ち向かおうとしないこと。
周囲の情報をよく観察して、話し合って、
を用いたデザイン設計をしましょう。
「 I A 」
44. ? Aratana inc. For Internal Use Only
SMART PHONE
?Apple Inc.
45. ? Aratana inc. For Internal Use Only
iOS、Android、端末により異なる挙動。
スマホ、タブレット、ファブレット
どんどん増える画面解像度。
またもやガラパゴス化する
SMART PHONE。
SMART PHONEは悪か?
クリエィティブを混乱させる嫌な存在か?
46. ? Aratana inc. For Internal Use Only
SMART PHONEは悪か?
クリエィティブを混乱させる嫌な存在か?
SMART PHONEは
新たな活躍の場をWebデザイナーにもたらしてくれてます。
いいえ
47. ? Aratana inc. For Internal Use Only
iOS、Android、端末により異なる挙動。
SMART PHONEは悪か?
クリエィティブを混乱させる嫌な存在か?
jQuery、jQuery mobile、BootStrap…etc
フロントエンドUIを構築するための技術は
既に多くのものがローコスト化され、ナレッジされている。
多くのフロントエンド技術は
整いつつある。
48. ? Aratana inc. For Internal Use Only
iOS、Android、端末により異なる挙動。
スマホ、タブレット、ファブレット
どんどん増える画面解像度。
またもやガラパゴス化する
SMART PHONE。
SMART PHONEは悪か?
クリエィティブを混乱させる嫌な存在か?
デザインは
どうだろうか?
49. ? Aratana inc. For Internal Use Only
スマホファースト
SMART PHONE FIRST
50. ? Aratana inc. For Internal Use Only
とても大切な前提
スマホによるネット利用率は年々上がっている。
Webのスマホ対応、デザインのノウハウは、いま最も求められている。
スマートフォン:ブラウザとアプリからのネット利用 参考:ニールセン株式会社(東京都港区)発表資料より引用
51. ? Aratana inc. For Internal Use Only
いま、スマートフォンには様々な要望?欲求(ニーズ)が
ユーザー?クライアントの双方から寄せられています。
スマホファーストでデザイン?
しかしスマホデザインには
まだ「王道」と呼べるナレッジが、あまり蓄積されていません。
なので、これから先、Webデザイナーはまず
PC向けよりも先に「スマホデザイン」に注力しましょう。
52. ? Aratana inc. For Internal Use Only
いま僕が、スマホデザイン?マークアップを考える上で念頭に置いていること、の図
53. ? Aratana inc. For Internal Use Only
いま僕が、スマホデザイン?マークアップを考える上で念頭に置いていること、の図
ヘッダーは基本的に
この位置で固定(スクロールさせない)
※ その時のIAによる。
ページ先頭へ戻るアイコン
基本的にこの位置で固定。
ブラウザフッターからおおよそ
20?30pxほど下を空ける。
※ ブラウザフッターの挙動が
おかしい時があるため…
※大まかな目安をお伝えするために「px」を用いています。(実際の構築時は「%」などによるレスポンシブ対応を推奨します。)
54. ? Aratana inc. For Internal Use Only
いま僕が、スマホデザイン?マークアップを考える上で念頭に置いていること、の図
この周囲の5?10pxのエリアには
操作系UI、およびTextを置かない。
? 指先どころか、爪先じゃないと
タップできない。
? テキストの頭が画面端に
くっついている or はみ出ていると
読みにくい。
マージン5?10px程度の空き
こういった演出上の意図が
デザイン上ある場合は空けない。
(画面をフルに使って解放感を等)
※大まかな目安をお伝えするために「px」を用いています。(実際の構築時は「%」などによるレスポンシブ対応を推奨します。)
55. ? Aratana inc. For Internal Use Only
いま僕が、スマホデザイン?マークアップを考える上で念頭に置いていること、の図
操作系UIを上下左右に寄せる場合
おおよそこのエリアと同じか
少し大きいくらいでレイアウトする
※ 目安約40?60px程度
? UIが小さ過ぎるのはストレス。
? 掌が小さめの方でも、片手操作の時に
多少操作がしやすいよう、上下左右に
寄せたボタンのサイズを考える。
※大まかな目安をお伝えするために「px」を用いています。(実際の構築時は「%」などによるレスポンシブ対応を推奨します。)
56. ? Aratana inc. For Internal Use Only
いま僕が、スマホデザイン?マークアップを考える上で念頭に置いていること、の図
中央にあるほどタップしやすく
上下左右ともに、外に向かうほど
タップしにくくなる。
? 指は自在に伸びないし、スマホも
柔軟に伸び縮みしたりしない…
? 少なからずタップしにくいエリアに
ボタン等がレイアウトされてしまうのは
仕方がない。
? 両手操作が主なユーザーなら、あまり
この件は考慮しなくて良い。
? 中央は一貫してタップしやすい位置。
有効に使うこと。
タップ時のストレスなどを
マップ化したもの。
57. ? Aratana inc. For Internal Use Only
いま僕が、スマホデザイン?マークアップを考える上で念頭に置いていること、の図
ページタイトル、メインとなる画像
ほか見出し等々…そのページ中で
「最も読ませたい」と考える要素 =
主役となる要素は、画面中央位置に
表示されるようレイアウトする。
? 中央は最もタップしやすい
エリアでもある。
? 主役となる要素を中央揃えで
センタリング位置に配置すれば
どのデバイスの画面サイズでも
中央に表示されるようになる。
※ 表示的にデバイス依存しにくい。
※大まかな目安をお伝えするために「px」を用いています。(実際の構築時は「%」などによるレスポンシブ対応を推奨します。)
58. ? Aratana inc. For Internal Use Only
Webデザイナーが
これから取り組むべきコト。
59. ? Aratana inc. For Internal Use Only
スマホのトレンドは変化しやすく
PCサイトデザインのように「王道」が無い。
可能な限り多くのナレッジを貯めるためにも、
でのWebデザインに注力しましょう。
「 スマホファースト 」