Contenu connexe
Similaire à HTML5 for IA (20)
Plus de Atsushi HASEGAWA, Ph.D. (20)
HTML5 for IA
- 8. ページ情報構造の変化
参考:http://www.concentinc.jp/news/2012/07/usable-‐‑‒usability-‐‑‒praise/
- 9. <div>
</div>
<div> </div>
HTML4時代
HTML内の構造は、
外部からは均質に⾒見見える
</div> </div>
<div> </div>
- 10. <header>
</header>
<nav> <article>
HTML5
HTMLが、意味構造を
定義する
</nav> </article>
<footer> </footer>
- 11. ページ情報構造の変化
HTML4 HTML5
<div> <header>
</div> </header>
<div> </div> <nav> <article>
</div> </div> </nav> </article>
<div> <footer>
</div> </footer>
- 12. HTML5が持つ構造要素
• body:本⽂文
• section:要素くくり
• nav:ナビゲーション
• article:記事
• aside:副次要素
• hx:⾒見見出し
• hgroup:Hxのまとまり
• header:ヘッダ
• footer:フッタ
参考:http://www.w3.org/TR/2011/WD-‐‑‒html5-‐‑‒20110525/sections.html
- 16. これは「アプリケーション」の情報です
名称:Cut the Rope
開発会社:ZeptoLab
レーティング:4.5 (77,402票)
価格:99円
→ 要素の属性情報
参考:https://play.google.com/store/apps/details?id=com.zeptolab.ctr.ads&hl=ja
- 22. schema.org
対応しているコンテンツタイプ
• レビュー
• ⼈人物
• 製品
• 会社と組織
• レシピ
• イベント
• ⾳音楽
→ リッチスニペットテスティングツール
→ リッチスニペットについて
参考:http://schema.org/docs/gs.html#schemaorg_̲types
- 25. セマンティックウェブ時代の
企業サイト
• 企業情報サイトの構造
→ よりコンテンツDB的な⽅方向性へ
• 企業情報サイトの使われ⽅方
→ 情報探索索の際には統合サイトからの利利⽤用がメインに
• スマートフォンでの使われ⽅方
→ Siriなどエージェント経由のアクセス増加
• 商品情報・⽣生活情報
→ 標準化によって、横断的活⽤用が促進
• ニュース
→ ニュースリーダーからのアクセス
- 26. セマンティックウェブ時代の
企業サイト
• 標準語彙採⽤用による、設計プロセスの簡略略化
• 業界横断サービスによる、総合的なUX、ユーザビリティの向上
- 28. CONCENT,inc New Logotype Desing by Shintaro Kobayashi
Twitter @ahaseg
Facebook facebook.com/ahaseg
ロゴタイプコンセプト ロゴマークコンセプト
新しさを感じさせながら、10 年後に古く感じさせない デザインを目 ロゴタイプの右肩に付いているマーク。丸の中の二本の棒は、良く見
指しました。角を少し丸める事で、有機的で親しみやすい雰囲気を出 れば右が少し短く、左が少し長い。これはコンセントです。わかりづ
しつつも、文字の骨格はあくまでもニュートラルに設計することで、 らいです。しかし、この丸には可能性があります。WEB ではボタンに
奇をてらわない 現代らしさを表現しています。また、
右への傾きには、 なるかもしれません。紙ではハンコになって押されるかもしれません。
これから先、ますます加速していくだろう世の中の変化に、WEB(コ そうして様々なかたちで使用していくと、いずれこのマークだけで
ンセント)と紙(アレフ・ゼロ)のハイブリットにより対応し、絶え CONCENT と読めるようになる。そんな存在になってくれることを
ず前進していこう、という意志を込めました。 望んでいます。
THANKS!
concentinc.jp/