Submit Search
Upload
モバイルサイトのローカルナビゲーション
•
Download as PPTX, PDF
•
2 likes
•
3,160 views
loftwork
Follow
2016年2月17日「loftwork Webmaster Camp」
Read less
Read more
Internet
Report
Share
Report
Share
1 of 38
Download now
Recommended
4/20開催 CA.apk 「Screen rotation -横画面固定モードを搭載した話-」スライド Force Landscape orientation mode in Android AbemaTV Application. https://cyberagent.connpass.com/event/53438/
Screen Orientation
Screen Orientation
Yuki Matsumura
2016年2月17日にロフトワークで行われたWeb Master Camp2016の登壇資料です。 http://wmc.net/
20160217_よりよいプロダクトづくりのためのデザインプロセス
20160217_よりよいプロダクトづくりのためのデザインプロセス
Satoru MURAKOSHI
2018年1月11日に開催したセミナーイベント「 UX Leaders Camp vol.2 ゼロから構築するUXのプロセスと方法論」、ON THE TRIPの森上氏のセッション資料です。 http://loftwork.jp/event/2018/20180111_ux_leaders_camp2/summary.aspx ON THE TRIP http://on-the-trip.com
ON THE TRIP流 UX的負債の避け方、負い方、返し方
ON THE TRIP流 UX的負債の避け方、負い方、返し方
loftwork
WordBench東京 12月勉強会 年末LT忘年会
仕様設計ワークショップのすゝめ
仕様設計ワークショップのすゝめ
loftwork
2017/12/16 MT東京 LT用
細かすぎて伝わらないイザナキ仕様
細かすぎて伝わらないイザナキ仕様
loftwork
WebReleaseの知見から生まれた伊邪那岐流カスタムフィールド技巧の裏側に迫る!
カスタムフィールド 匠の流儀
カスタムフィールド 匠の流儀
loftwork
長野県諏訪市とタッグを組み、諏訪市が世界に誇る精密加工技術の魅力を発見し発信するを2016年から行っています。 2年目の2017年、精密技術の魅力を発見し発信するために、選んだテーマは、あのミニ四駆です。 子供から大人まで気軽にものづくりを楽しめるミニ四駆を、地域の技術とどう結びつけたのか。3ヶ月に渡ったプロジェクトの概要をスライドにまとめました。
SUWAデザインプロジェクト 2017
SUWAデザインプロジェクト 2017
loftwork
2017年10月13日(金)開催 大学WEB VOL.2 事例:立教大学「大学Webサイトの存在意義を問い直す」のセッション資料です
20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai
loftwork
Recommended
4/20開催 CA.apk 「Screen rotation -横画面固定モードを搭載した話-」スライド Force Landscape orientation mode in Android AbemaTV Application. https://cyberagent.connpass.com/event/53438/
Screen Orientation
Screen Orientation
Yuki Matsumura
2016年2月17日にロフトワークで行われたWeb Master Camp2016の登壇資料です。 http://wmc.net/
20160217_よりよいプロダクトづくりのためのデザインプロセス
20160217_よりよいプロダクトづくりのためのデザインプロセス
Satoru MURAKOSHI
2018年1月11日に開催したセミナーイベント「 UX Leaders Camp vol.2 ゼロから構築するUXのプロセスと方法論」、ON THE TRIPの森上氏のセッション資料です。 http://loftwork.jp/event/2018/20180111_ux_leaders_camp2/summary.aspx ON THE TRIP http://on-the-trip.com
ON THE TRIP流 UX的負債の避け方、負い方、返し方
ON THE TRIP流 UX的負債の避け方、負い方、返し方
loftwork
WordBench東京 12月勉強会 年末LT忘年会
仕様設計ワークショップのすゝめ
仕様設計ワークショップのすゝめ
loftwork
2017/12/16 MT東京 LT用
細かすぎて伝わらないイザナキ仕様
細かすぎて伝わらないイザナキ仕様
loftwork
WebReleaseの知見から生まれた伊邪那岐流カスタムフィールド技巧の裏側に迫る!
カスタムフィールド 匠の流儀
カスタムフィールド 匠の流儀
loftwork
長野県諏訪市とタッグを組み、諏訪市が世界に誇る精密加工技術の魅力を発見し発信するを2016年から行っています。 2年目の2017年、精密技術の魅力を発見し発信するために、選んだテーマは、あのミニ四駆です。 子供から大人まで気軽にものづくりを楽しめるミニ四駆を、地域の技術とどう結びつけたのか。3ヶ月に渡ったプロジェクトの概要をスライドにまとめました。
SUWAデザインプロジェクト 2017
SUWAデザインプロジェクト 2017
loftwork
2017年10月13日(金)開催 大学WEB VOL.2 事例:立教大学「大学Webサイトの存在意義を問い直す」のセッション資料です
20171013 daigakuweb vol2_terai
20171013 daigakuweb vol2_terai
loftwork
017年10月6日に開催した「100年先につながる新しい価値を目指して、パナソニックが100BANCHをつくった理由」イベントの、1番目のセッション「100BANCHがめざすもの、100BANCHをつくった理由」2番目のセッション「100BANCHプロジェクト、現場の舞台裏」のスライドです。 loftwork.jp/event/2017/20171006_100banch/summary.aspx
100年先につながる新しい価値を目指して、パナソニックが100BANCHをつくった理由
100年先につながる新しい価値を目指して、パナソニックが100BANCHをつくった理由
loftwork
2017.09.15 Word Camp Tokyo 2017 大規模案件でおきる設計トラブル…苦悩の日々…。 その現状を打破するためにつくったロフトワーク独自の記事セット。 完成にいたるまでの知られざる長い道のり。 実際に案件で使って明らかになったメリット、デメリット。 柔軟なカスタムフィールド設計がもたらした変化とは…?
大規模案件の苦悩から生まれた 柔軟なカスタムフィールド設計
大規模案件の苦悩から生まれた 柔軟なカスタムフィールド設計
loftwork
KIT ハッカソン『里山で創るエデュテックトイ』参加誓約書
KIT ハッカソン『里山で創るエデュテックトイ』参加誓約書
KIT ハッカソン『里山で創るエデュテックトイ』参加誓約書
loftwork
食でつながる場の仕掛け 「訪日外国人」「地域社会」のための新しい食体験 Presented by NEC 参加同意書
食でつながる場の仕掛け 「訪日外国人」「地域社会」のための新しい食体験 Presented by NEC 参加同意書
食でつながる場の仕掛け 「訪日外国人」「地域社会」のための新しい食体験 Presented by NEC 参加同意書
loftwork
CMSを導入したあとに「イメージと違う」「こういうつもりじゃなかった」と言われたり、 あれもできる、これもできると言われていたのに「追加で費用が必要です」と言われたり、 こんなお互いに不幸なできことを経験したことはありませんか? 数多くのCMSを導入しているロフトワークが、CMSを導入したい人とCMSを導入する人との間にある「不幸なギャップ」を どのように埋めるのか、そのプロセスについて紹介します。
ロフトワークが実践する「CMSを導入したい人とCMSを導入する人とのギャップの埋め方」の秘訣!
ロフトワークが実践する「CMSを導入したい人とCMSを導入する人とのギャップの埋め方」の秘訣!
loftwork
CMS大阪夏祭り2016で登壇したときのスライドです。 --- 車の種類、いくつ知っていますか? 「セダン」「クーペ」「オープンカー」「ステーションワゴン」「ミニバン」「ワンボックスカー」...トラックやバス、工事車両まで含めたらかなり数になります。どれも人を乗せて走るものですが、家族旅行に荷物がいっぱい積めるからとトラックを選ぶと、きっと家族に怒られますよね? CMSもたくさんある上に、それぞれ魅力的な機能を兼ね備えているので、その中からひとつを選ぶことはすごく大変です。「なんでもできます!」と薦められたのに、イメージと全然違ったとか、ウェブサイトの更新ができないと怒られたとか、そんなことになるかもしれません。 これまでに300を超えるウェブサイトにCMSを導入、また20以上のCMSを扱ってきたロフトワークならではの視点を踏まえて、ウェブサイトの運営に関わる皆さんに喜んでもらえるCMSの選び方を分かりやすくお話しします。
(ロフトワーク テクニカルディレクターがこっそり教える)運営スタッフに喜ばれる CMSの選び方 超入門
(ロフトワーク テクニカルディレクターがこっそり教える)運営スタッフに喜ばれる CMSの選び方 超入門
loftwork
社内にエンジニアをもたない“ロフトワーク流”Webサイト構築プロジェクトの進め方を、WordPress導入の具体的な事例・アウトプットをベースにご紹介。 いかにリスクを減らし、スムーズにプロジェクトを進めるか? テクニカルディレクターの目線でコツをお話します。
年間300プロジェクトから体得!"リスクを撃破する"テクニカルディレクション術
年間300プロジェクトから体得!"リスクを撃破する"テクニカルディレクション術
loftwork
2016年7月12日開催Creative Meeting
20160712_CreativeMeeting_RyokoIwasaki
20160712_CreativeMeeting_RyokoIwasaki
loftwork
2016年9月9日開催 身体性の拡張 ─ IoTテクノロジーと身体の解け合う未来 参加同意書
20160909 Agreement v1.2
20160909 Agreement v1.2
loftwork
未来をデザインする Insurance & Technology -システムデザイン思考で考える新しい保険- 参加規約
20160803 axa agreement_ver1
20160803 axa agreement_ver1
loftwork
Design Fiction Workshop 参加同意書
Design Fiction Workshop 参加同意書
Design Fiction Workshop 参加同意書
loftwork
2016年度MORE THAN プロジェクトの説明会資料です。
2016年4月8日JAPANブランドプロデュース支援事業(MORE THAN プロジェクト)説明会資料
2016年4月8日JAPANブランドプロデュース支援事業(MORE THAN プロジェクト)説明会資料
loftwork
参加申し込みされた時点で、参加同意書の内容に同意されたものとみなします。
未来をデザインする Ideathon & Makeathon 参加同意書
未来をデザインする Ideathon & Makeathon 参加同意書
loftwork
たえこはん
2014台湾合宿_Team09_neng-a-thon
2014台湾合宿_Team09_neng-a-thon
loftwork
ロフトワーク社員研修合宿(台湾/2014)のチームプレゼン関連ムービー http://www.loftwork.jp/prblog/2014/20140702_campreport.aspx テーマは「台湾で実現したいビジネス&サービス」。 本資料はあくまでアイデアベースのため、必ず実現する…という内容ではありませんが、数年後にもしかしたら形になっているかもしれません。
2014台湾合宿_Team01_norimakifab
2014台湾合宿_Team01_norimakifab
loftwork
ロフトワーク社員研修合宿(台湾/2014)のチームプレゼン資料です http://www.loftwork.jp/prblog/2014/20140702_campreport.aspx テーマは「台湾で実現したいビジネス&サービス」。 本資料はあくまでアイデアベースのため、必ず実現する…という内容ではありませんが、数年後にもしかしたら形になっているかもしれません。
2014台湾合宿_Team07_make-a-thon
2014台湾合宿_Team07_make-a-thon
loftwork
ロフトワーク社員研修合宿(台湾/2014)のチームプレゼン資料です http://www.loftwork.jp/prblog/2014/20140702_campreport.aspx テーマは「台湾で実現したいビジネス&サービス」。 本資料はあくまでアイデアベースのため、必ず実現する…という内容ではありませんが、数年後にもしかしたら形になっているかもしれません。
2014台湾合宿_Team10_HERE YOU GO
2014台湾合宿_Team10_HERE YOU GO
loftwork
ロフトワーク社員研修合宿(台湾/2014)のチームプレゼン資料です http://www.loftwork.jp/prblog/2014/20140702_campreport.aspx テーマは「台湾で実現したいビジネス&サービス」。 本資料はあくまでアイデアベースのため、必ず実現する…という内容ではありませんが、数年後にもしかしたら形になっているかもしれません。
2014台湾合宿_Team08_Re:Invent
2014台湾合宿_Team08_Re:Invent
loftwork
ロフトワーク社員研修合宿(台湾/2014)のチームプレゼン資料です http://www.loftwork.jp/prblog/2014/20140702_campreport.aspx テーマは「台湾で実現したいビジネス&サービス」。 本資料はあくまでアイデアベースのため、必ず実現する…という内容ではありませんが、数年後にもしかしたら形になっているかもしれません。
2014台湾合宿_Team05_SOILu reaflet
2014台湾合宿_Team05_SOILu reaflet
loftwork
Coyote Club主催セミナー「ひとづて採用」の会でロフトワーク人事担当の浦野奈美がお話ししました。 「折り紙付き採用、はじめました。 〜カルチャーマッチングを重視する会社の"ひとづて採用"」
20131023_折り紙付き採用、はじめました。〜カルチャーマッチングを重視する会社の"ひとづて採用"
20131023_折り紙付き採用、はじめました。〜カルチャーマッチングを重視する会社の"ひとづて採用"
loftwork
More Related Content
More from loftwork
017年10月6日に開催した「100年先につながる新しい価値を目指して、パナソニックが100BANCHをつくった理由」イベントの、1番目のセッション「100BANCHがめざすもの、100BANCHをつくった理由」2番目のセッション「100BANCHプロジェクト、現場の舞台裏」のスライドです。 loftwork.jp/event/2017/20171006_100banch/summary.aspx
100年先につながる新しい価値を目指して、パナソニックが100BANCHをつくった理由
100年先につながる新しい価値を目指して、パナソニックが100BANCHをつくった理由
loftwork
2017.09.15 Word Camp Tokyo 2017 大規模案件でおきる設計トラブル…苦悩の日々…。 その現状を打破するためにつくったロフトワーク独自の記事セット。 完成にいたるまでの知られざる長い道のり。 実際に案件で使って明らかになったメリット、デメリット。 柔軟なカスタムフィールド設計がもたらした変化とは…?
大規模案件の苦悩から生まれた 柔軟なカスタムフィールド設計
大規模案件の苦悩から生まれた 柔軟なカスタムフィールド設計
loftwork
KIT ハッカソン『里山で創るエデュテックトイ』参加誓約書
KIT ハッカソン『里山で創るエデュテックトイ』参加誓約書
KIT ハッカソン『里山で創るエデュテックトイ』参加誓約書
loftwork
食でつながる場の仕掛け 「訪日外国人」「地域社会」のための新しい食体験 Presented by NEC 参加同意書
食でつながる場の仕掛け 「訪日外国人」「地域社会」のための新しい食体験 Presented by NEC 参加同意書
食でつながる場の仕掛け 「訪日外国人」「地域社会」のための新しい食体験 Presented by NEC 参加同意書
loftwork
CMSを導入したあとに「イメージと違う」「こういうつもりじゃなかった」と言われたり、 あれもできる、これもできると言われていたのに「追加で費用が必要です」と言われたり、 こんなお互いに不幸なできことを経験したことはありませんか? 数多くのCMSを導入しているロフトワークが、CMSを導入したい人とCMSを導入する人との間にある「不幸なギャップ」を どのように埋めるのか、そのプロセスについて紹介します。
ロフトワークが実践する「CMSを導入したい人とCMSを導入する人とのギャップの埋め方」の秘訣!
ロフトワークが実践する「CMSを導入したい人とCMSを導入する人とのギャップの埋め方」の秘訣!
loftwork
CMS大阪夏祭り2016で登壇したときのスライドです。 --- 車の種類、いくつ知っていますか? 「セダン」「クーペ」「オープンカー」「ステーションワゴン」「ミニバン」「ワンボックスカー」...トラックやバス、工事車両まで含めたらかなり数になります。どれも人を乗せて走るものですが、家族旅行に荷物がいっぱい積めるからとトラックを選ぶと、きっと家族に怒られますよね? CMSもたくさんある上に、それぞれ魅力的な機能を兼ね備えているので、その中からひとつを選ぶことはすごく大変です。「なんでもできます!」と薦められたのに、イメージと全然違ったとか、ウェブサイトの更新ができないと怒られたとか、そんなことになるかもしれません。 これまでに300を超えるウェブサイトにCMSを導入、また20以上のCMSを扱ってきたロフトワークならではの視点を踏まえて、ウェブサイトの運営に関わる皆さんに喜んでもらえるCMSの選び方を分かりやすくお話しします。
(ロフトワーク テクニカルディレクターがこっそり教える)運営スタッフに喜ばれる CMSの選び方 超入門
(ロフトワーク テクニカルディレクターがこっそり教える)運営スタッフに喜ばれる CMSの選び方 超入門
loftwork
社内にエンジニアをもたない“ロフトワーク流”Webサイト構築プロジェクトの進め方を、WordPress導入の具体的な事例・アウトプットをベースにご紹介。 いかにリスクを減らし、スムーズにプロジェクトを進めるか? テクニカルディレクターの目線でコツをお話します。
年間300プロジェクトから体得!"リスクを撃破する"テクニカルディレクション術
年間300プロジェクトから体得!"リスクを撃破する"テクニカルディレクション術
loftwork
2016年7月12日開催Creative Meeting
20160712_CreativeMeeting_RyokoIwasaki
20160712_CreativeMeeting_RyokoIwasaki
loftwork
2016年9月9日開催 身体性の拡張 ─ IoTテクノロジーと身体の解け合う未来 参加同意書
20160909 Agreement v1.2
20160909 Agreement v1.2
loftwork
未来をデザインする Insurance & Technology -システムデザイン思考で考える新しい保険- 参加規約
20160803 axa agreement_ver1
20160803 axa agreement_ver1
loftwork
Design Fiction Workshop 参加同意書
Design Fiction Workshop 参加同意書
Design Fiction Workshop 参加同意書
loftwork
2016年度MORE THAN プロジェクトの説明会資料です。
2016年4月8日JAPANブランドプロデュース支援事業(MORE THAN プロジェクト)説明会資料
2016年4月8日JAPANブランドプロデュース支援事業(MORE THAN プロジェクト)説明会資料
loftwork
参加申し込みされた時点で、参加同意書の内容に同意されたものとみなします。
未来をデザインする Ideathon & Makeathon 参加同意書
未来をデザインする Ideathon & Makeathon 参加同意書
loftwork
たえこはん
2014台湾合宿_Team09_neng-a-thon
2014台湾合宿_Team09_neng-a-thon
loftwork
ロフトワーク社員研修合宿(台湾/2014)のチームプレゼン関連ムービー http://www.loftwork.jp/prblog/2014/20140702_campreport.aspx テーマは「台湾で実現したいビジネス&サービス」。 本資料はあくまでアイデアベースのため、必ず実現する…という内容ではありませんが、数年後にもしかしたら形になっているかもしれません。
2014台湾合宿_Team01_norimakifab
2014台湾合宿_Team01_norimakifab
loftwork
ロフトワーク社員研修合宿(台湾/2014)のチームプレゼン資料です http://www.loftwork.jp/prblog/2014/20140702_campreport.aspx テーマは「台湾で実現したいビジネス&サービス」。 本資料はあくまでアイデアベースのため、必ず実現する…という内容ではありませんが、数年後にもしかしたら形になっているかもしれません。
2014台湾合宿_Team07_make-a-thon
2014台湾合宿_Team07_make-a-thon
loftwork
ロフトワーク社員研修合宿(台湾/2014)のチームプレゼン資料です http://www.loftwork.jp/prblog/2014/20140702_campreport.aspx テーマは「台湾で実現したいビジネス&サービス」。 本資料はあくまでアイデアベースのため、必ず実現する…という内容ではありませんが、数年後にもしかしたら形になっているかもしれません。
2014台湾合宿_Team10_HERE YOU GO
2014台湾合宿_Team10_HERE YOU GO
loftwork
ロフトワーク社員研修合宿(台湾/2014)のチームプレゼン資料です http://www.loftwork.jp/prblog/2014/20140702_campreport.aspx テーマは「台湾で実現したいビジネス&サービス」。 本資料はあくまでアイデアベースのため、必ず実現する…という内容ではありませんが、数年後にもしかしたら形になっているかもしれません。
2014台湾合宿_Team08_Re:Invent
2014台湾合宿_Team08_Re:Invent
loftwork
ロフトワーク社員研修合宿(台湾/2014)のチームプレゼン資料です http://www.loftwork.jp/prblog/2014/20140702_campreport.aspx テーマは「台湾で実現したいビジネス&サービス」。 本資料はあくまでアイデアベースのため、必ず実現する…という内容ではありませんが、数年後にもしかしたら形になっているかもしれません。
2014台湾合宿_Team05_SOILu reaflet
2014台湾合宿_Team05_SOILu reaflet
loftwork
Coyote Club主催セミナー「ひとづて採用」の会でロフトワーク人事担当の浦野奈美がお話ししました。 「折り紙付き採用、はじめました。 〜カルチャーマッチングを重視する会社の"ひとづて採用"」
20131023_折り紙付き採用、はじめました。〜カルチャーマッチングを重視する会社の"ひとづて採用"
20131023_折り紙付き採用、はじめました。〜カルチャーマッチングを重視する会社の"ひとづて採用"
loftwork
More from loftwork
(20)
100年先につながる新しい価値を目指して、パナソニックが100BANCHをつくった理由
100年先につながる新しい価値を目指して、パナソニックが100BANCHをつくった理由
大規模案件の苦悩から生まれた 柔軟なカスタムフィールド設計
大規模案件の苦悩から生まれた 柔軟なカスタムフィールド設計
KIT ハッカソン『里山で創るエデュテックトイ』参加誓約書
KIT ハッカソン『里山で創るエデュテックトイ』参加誓約書
食でつながる場の仕掛け 「訪日外国人」「地域社会」のための新しい食体験 Presented by NEC 参加同意書
食でつながる場の仕掛け 「訪日外国人」「地域社会」のための新しい食体験 Presented by NEC 参加同意書
ロフトワークが実践する「CMSを導入したい人とCMSを導入する人とのギャップの埋め方」の秘訣!
ロフトワークが実践する「CMSを導入したい人とCMSを導入する人とのギャップの埋め方」の秘訣!
(ロフトワーク テクニカルディレクターがこっそり教える)運営スタッフに喜ばれる CMSの選び方 超入門
(ロフトワーク テクニカルディレクターがこっそり教える)運営スタッフに喜ばれる CMSの選び方 超入門
年間300プロジェクトから体得!"リスクを撃破する"テクニカルディレクション術
年間300プロジェクトから体得!"リスクを撃破する"テクニカルディレクション術
20160712_CreativeMeeting_RyokoIwasaki
20160712_CreativeMeeting_RyokoIwasaki
20160909 Agreement v1.2
20160909 Agreement v1.2
20160803 axa agreement_ver1
20160803 axa agreement_ver1
Design Fiction Workshop 参加同意書
Design Fiction Workshop 参加同意書
2016年4月8日JAPANブランドプロデュース支援事業(MORE THAN プロジェクト)説明会資料
2016年4月8日JAPANブランドプロデュース支援事業(MORE THAN プロジェクト)説明会資料
未来をデザインする Ideathon & Makeathon 参加同意書
未来をデザインする Ideathon & Makeathon 参加同意書
2014台湾合宿_Team09_neng-a-thon
2014台湾合宿_Team09_neng-a-thon
2014台湾合宿_Team01_norimakifab
2014台湾合宿_Team01_norimakifab
2014台湾合宿_Team07_make-a-thon
2014台湾合宿_Team07_make-a-thon
2014台湾合宿_Team10_HERE YOU GO
2014台湾合宿_Team10_HERE YOU GO
2014台湾合宿_Team08_Re:Invent
2014台湾合宿_Team08_Re:Invent
2014台湾合宿_Team05_SOILu reaflet
2014台湾合宿_Team05_SOILu reaflet
20131023_折り紙付き採用、はじめました。〜カルチャーマッチングを重視する会社の"ひとづて採用"
20131023_折り紙付き採用、はじめました。〜カルチャーマッチングを重視する会社の"ひとづて採用"
モバイルサイトのローカルナビゲーション
1.
モバイルサイトのローカルナビゲーション ロフトワーク 濱田真一
2.
• ロフトワークのプロデューサー • 去年までディレクター業務を担当していま した •
1974年うまれの41歳 • 趣味はテレビドラマを見ること 濱田 真一
3.
USER INTERFACE
4.
WEBサイトのUIと言えば…
5.
グローバルナビゲーション • WEBサイトの主要な項目へのリンクを並べたエリア。 • 基本的にサイト内の全ページ共通の位置に配置される。 •
主要な動線の一つとなるほか、 項目ラベルを見て目次のようにサイト全体を把握する意味もある。
6.
グローバル・ナ美 • トレンドにうるさい • みんなから注目されている •
リーダー的存在
7.
8.
昔は、グローバルナビと言えば 横ですか? 縦ですか?
9.
グローバルナビの進化
10.
縦、横、ハンバーガーメニューの出し分け
11.
ヘッダーのスクロール追従
12.
メガドロップダウンメニュー
13.
14.
ローカルナビゲーション
15.
ローカル・ナ美 • 地味 • 整理するのが苦手 •
いまいち垢抜けない
16.
ローカルナビゲーション • 特定ディレクトリ配下のコンテンツへの リンクを並べたエリア。 • グローバルナビと同様、目次としての役 割も果たす。 •
ユーザーの目的達成に対して、より直接 的な役割を果たすことが多い。
17.
コンテンツ構造によって、 多くなったり、あるいは少なくなったり する。 また、運用中の増減も発生しやすい。
18.
サイトのシングルカラム化や モバイル端末からのアクセス増加により ローカルナビのUI設計が多様化している …が、あまり注意を払われてない?
19.
いろいろなPCサイト/モバイルサイトの ローカルナビ事例
20.
モバイルではページの下部に配置する
21.
ローカルナビを横に配置する モバイルでは折りたたむ ※両デバイスともローカルナビ部分がスクロール追従します
22.
ローカルナビを横に配置する モバイルでは折りたたむ
23.
PCでは縦、モバイルでは折りたたみ
24.
グローバルナビにローカルナビの機能も持たせる モバイルでは折りたたむ
25.
モバイルではページの下部に配置する
26.
グローバルナビにローカルナビの機能も持たせる
27.
モバイル端末ではハンバーガーメニューから ローカルナビを表示する
28.
ページ下部に出現するボタンから一覧を表示
29.
横スクロールするローカルナビ
30.
PCでは縦、モバイルでは横スクロール
31.
折りたたまれたローカルナビ
32.
ハンバーガーメニューに統合
33.
ローカルナビをグローバルナビのように配置する
34.
モバイルにおけるローカルナビの表示パターン ページ下部でリスト表示 独自の要素からエクスパンド ハンバーガーメニュー内で 階層表示
35.
まとめ
36.
= グローバルナビ/ローカルナビ サイト構造 サイト構造とナビゲーションの関係は密接 ディレクターと一緒に整理しましょう
37.
何かあれば、私までご相談ください!
38.
Thank You.
Editor's Notes
第七階層まであるようなサイトだとどうしょうもない 通常、サイト構造が確定してからそれを収めるのがローカルナビ設計になりがちだが、ある程度一緒に考えるべき
Download now