The Dribbblisation of Design | en.ja Article
CreditThis article is translated with permission of Paul Adams. You can find original article at The Dribbblisation of Design.本記事はPaul Adams氏の了承を得て翻訳された記事です。 原文はThe Dribbblisation of Designにて掲載されています。 これらの天気アプリのうち1つだけが本質的な問題の解決をしようとしている。 プロダクト/インタラクションデザインコミュニティでは分岐が起ころうとしている。Ryan Singer氏やJulie Zhuo氏が書くような素晴らしい記事達が我々の生み出すものをよりよくし続けている一方で、多くの人がDribbbleに自身の作品を投稿し、議論をしている。それらを集約した結果は我々の生み出すものを後退させて
カスタマージャーニーマップのパターン
UXデザイン・サービスデザインの代表的手法であるカスタマージャーニーマップについて、コンセント代表／インフォメーションアーキテクトの長谷川のコラムを掲載します。 最近、「カスタマージャーニーマップ」という言葉があちこちで聞かれるようになった。 カスタマージャーニーマップは体験や感覚の可視化をするもので、企業が組織として顧客視点に立てるよう助けるツールとしてサービスデザイン（※1）の手法の一つとしても注目されている。 カスタマージャーニーマップ（CJM）を活用するためには、その役目の定義が最も重要となる。 ここでは、CJMを大別する2つの軸を紹介しよう。 図１：カスタマージャーニーマップの４象限 一つ目の軸は、Inside-out/Outside-inの視点。 Inside/Outsideとは事業者からの視点として、「自社事業の観点から＝Inside-out」と、「自社事業の外側の観点＝Ou
社内のIA（情報アーキテクチャ）研修の講師をしてみた。：そのフォローアップ | future-proof.jp
ちょっと前になりますが、自分が現在所属している会社の研修の一環で「情報アーキテクチャ」をテーマにした講座の講師を拝命して研修を行いました。 対象はおもに若手社員、というターゲットが設定されていて、講座は全3回となぜかきまっていました。 正直、3回もネタが持つかなー、と思ったり聴いてくれる人も中だるみ感がないようにしたいな、と思っていろいろ考えました。 考えた結果、講座は ・過去 ・現在 ・未来 の3軸に分けることにしました。 なぜ、そうしたかというと若手をターゲットにしていたので、若手に「Web業界でなぜIAが必要とされるようになってきたか」、を知ってほしいと思ったからでした。 それを知ることで、僕らが相手にしているクライアントさんがどういう課題意識を持って、僕らにご相談いただいているのか、プロジェクトを進める過程でどういう悩みを持って僕らと対峙しているのか、という部分を少しでもわか
コミュニケーションスペース「amu」のウェブサイト運営を終了します
コンセントの拠点の1つであるコミュニケーションスペース「amu」のウェブサイト運営を、2023年5月31日（水）をもって終了いたします。これまでウェブサイトにご訪問いただいたみなさま、amuのイベントにご登壇・ご参加いただいたみなさまに感謝申し上げます。 amu自体の運営は引き続き行って参ります。アクセス情報などは下記をご参照ください。 《amuへのアクセス情報》 株式会社コンセントのウェブサイト「アクセス」内に掲載しております。 https://www.concentinc.jp/corporate/access/
web-analytics-or-die.org - このウェブサイトは販売用です！ - web analytics or die リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
02.サイトのコンセプトを図解し解析要件にする方法 :: 「清水 誠」公式サイト
2010年11月14日 15:45 Ustreamで改善提案のプレゼンを生中継する当日まで、あと1週間。雑談で終わるわけにはいかないので、要件を整理して提示し、さらに制作者に依頼できるような状態まで持っていきたい。 サイトの全体像を確認 そこで、まずは課題と解決の方向性を説明するため、ヒアリングの時にホワイトボードに描いた図を清書することにしました。難しいのは、 何をどの流度で描くか？ 大きさや縦横の位置にどのような意味を持たせるか？ です。平日の通勤途中に考えたので、iPadのAdobe Ideasというアプリでラフな図を書きました。 図:サイトの全体像をiPadでスケッチ: 今見ると、かなりサイト構成に引っ張られています。 さらに考えながらPowerPointで描き直したのが、以下。 コンセプトダイアグラム 縦横の軸や色の濃淡に意味を込めています。 次に、サイトの機能・コンテンツをこの
CSS Nite in Ginza, Vol.53：フォローアップ | CSS Nite公式サイト
CSS Nite in Ginza, Vol.53：フォローアップ 記事公開日：2010年10月24日（日） 2010年10月21日、アップルストア銀座で開催したCSS Nite in Ginza, Vol.53のフォローアップとして、セッションのスライドと音声をシェアします。 スライド（PDF、47ページ、12.6MB） 音声（MP3、1:06:58、32.2MB） スライドは、一部のページを割愛しています。そのため、後半、ノンブル（ページ番号）がずれています。 阿部さんからのメッセージ 昨晩CSS NITE vol.53来場頂いた皆さま、ありがとうございました！日々の業務に役立てたいというお話を沢山頂けて良かったと思います！駆け足で全てをお話することはできませんでしたが、またどこかで機会を頂けたら拡大版としてお話したいと思います！ ベストセッション20192019年、CSS Niteで
future-proof.jp » メモ | Web制作者はオタクの集まりになってはいけない
最近思ってることをメモ代わりに書いておくことにします。 ここ２年くらいで思うのです。もっと前からその兆候はあったのかもしれませんが、広告代理店／Web制作会社とクライアント企業との間の関係が少しづつ変わって来ていると思います。 どちらかというと、クライアント企業の方が変わったという方が正しいでしょうか。 今までのような、FALSHバリバリとか、とにかくかっこいい、とか、賞とるためのサイト、とかっていう案件はなくなり、むしろ企業側は自社のビジネスの一部として、より真剣にWebをとらえているという状況です。 企業におけるWebサイトの位置づけも「広告予算から運営されるただのカネ食い虫」から「企業の利益を間接的／あるいは直接的に生み出すビジネスエンジン」へと位置づけを変えています。 正直のところ、Web制作側はまだこの変化についていけていない気がします。 もともと、Web制作自体が悪く行ってし
インフォメーションアーキテクトのお仕事：IAって何者？
奥井 夏子 インフォメーションアーキテクト IA界隈の盛り上がり 特に去年から今年にかけてでしょうか？「インフォメーションアーキテクチャ」「情報設計」に関するイベントや記事などをよく見かけるような気がします。 2009年9月12日にCSS Niteにて「IAスペシャル」という情報アーキテクチャをフォーカスしたイベントが開催されました。「400名という定員があっという間に埋まってしまった」という話からもその関心の高さがうかがえます。 e-Agencyには、私を含め何人かのインフォメーションアーキテクトが在籍しますが、同じWEB業界の方からよく聞かれるのが 「で、具体的には何する人？」 というご質問。「インフォメーションアーキテクト」という職種名は知っていても、実際にIAと仕事をしたことはまだないという方も多いかもしれません インフォメーションアーキテクトって何する人？ 辞書的な定義で言えば、
IA Overview for CSS Nite in Yamagata
This document provides an overview of information architecture (IA) and CSS Nite Yamagata Vol. 2, which is an event focused on cascading style sheets (CSS). It discusses the history and definition of IA. It also outlines the agenda for the CSS Nite Yamagata Vol. 2 event, which includes discussions on IA, technologies like content management systems and their relationship to IA, and case studies. T
第1回 IAの成り立ちとタイプ分け - 実践的インフォメーションアーキテクト論 - MdN Design Interactive
IAになりたい人、IAと仕事をしてみたい人必見! 実践的インフォメーションアーキテクト論 文＝清水 誠 実践系Webコンサルタント。DTP・印刷・ネットビジネスの分野を中心に、ITとIAによる業務カイゼン を手がける。印 刷物とWebへ画像をシングルソースするためのカラーマネジメント、文字情報をシングルソースするECM・XML・自動組版、ビジネスを加速するITイノ ベーションが最近のテーマ。1995年国際基督教大学卒 第1回 IAの成り立ちとタイプ分け Webサイト構築の付加価値としての期待が高いインフォメーションアーキテクト（IA）だが、その定義は組織や人によって異なるため、すれ違いも多い。経緯を整理したうえでタイプ別にまとめてみた。現在Webデザイナーで将来IAになりたい人や、優秀なIAと一緒に仕事をしたいと思っているWEBディレクターなどは、この記事で正しいIA像を理解するとよいだろ
nanapiの初期バージョンに検索窓がなかった理由 : けんすう日記
はじめに 【仕事における８０：２０の法則】個人・企業のパフォーマンスを最大限に高める方法 | [b] bizMode｜世界のデジタルトレンドを読む というブログの中で nanapiというレシピサイトがありますが、c/o時は全然機能がなく、レシピを探せませんでした。果たして、カットオーバー時点において、レシピ検索機能は備え付けておく必要があったのでしょうか？また、個人ページにも全く機能性はありませんでしたが、今はどうでしょう？十分パワーアップしています。 そこに、多くの問題が発生したでしょうか？していません。 少しの問題は発生していましたが、プロダクト価値を脅かすものではありません。 徹底的に８０％にこだわり、重要なポイントは、十分に抑えられていたと思います。 こんな記事で紹介してもらったので、ちょっと書いてみます。記事内では、最初は検索結果に対しての工数をさかずにあとで回した、というニュア
SEOと情報アーキテクチャ: 定義・サイト構造・ドメイン最適化 ｜ SEOモード
情報アーキテクチャ（IA）とSEOはどのような形で関わり合うのでしょうか。適切にIAを実践できればSEOは必要ないという意見もあるかも知れませんが、IAが内部情報の適切な設計に関わる役割を果たす一方で、トラフィックを生むSEOを必要としているサイトは決して少なくありません。 ここでは、Adam Audette氏の『The SEO Guide to Information Architecture』の全訳を3回に分けてお届けいたします。 Audette氏は、SEOの視点から情報アーキテクチャを考え、そこからいわゆる内部SEOを実践することの重要性を説いています。しばしばクローラー対策一辺倒のサイト制作になりがりなSEOにおいて、今日、ユーザーに配慮した情報設計や導線設計が不可欠と考えられていることは周知の通りですが、それをいかに実践するかのヒントを、ある程度の分量で提供してくれているこの記事
第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」 第一部発表で紹介したサイトマップ(一部)公開 - WebSig24/7公式ブログ
posted on 2009.09.28 15:55 0 trackbacks モデレーターの中野(株式会社アークウェブ)です。 第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」会議の第一部では、皆さんの事前提出課題から「サイトマップにまつわる課題」を5つに体系化して発表しました。発表資料は以下のエントリーにて掲出済みです。 第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」終了いたしました http://websig247.jp/meeting/000154.html この中で、事前提出課題から特に参考になりそうなものを中心に15のサイトマップを選び、「皆さんのサイトマップを共有」として紹介しました。 あいにく説明の時間が少なく、またサイトマップというドキュメントの性質として情報量が多いことから、参加者アンケートでも「あのサイ
企業のブランド戦略を促進するWebサイト設計の要点 | [コラム]IA視点のWebプロジェクト
企業のWeb担当者にとって、情報アーキテクチャといえば、まずはサイトストラクチャ（サイト構造）のことが想定されるでしょう。一般的な情報アーキテクチャ設計にはサイトストラクチャ設計やナビゲーション設計、ラベリング設計、画面設計などが含まれます（より大きな視点として、プロジェクト全体を見渡すユーザーエクスペリエンス（UX）設計というレイヤーも考えられます）（図1）。サイト内でのユーザビリティやログの分析、CMSの設計・運用などの前提条件に関わるため、担当者はサイトストラクチャを常に意識する必要があります。 このようなサイト単位の情報アーキテクチャに対して、企業が持つサイト群全体の情報アーキテクチャのことは「エンタープライズ情報アーキテクチャ（企業情報アーキテクチャ：EIA）」と呼ばれています。今回は、このエンタープライズ情報アーキテクチャと企業が持つブランド戦略の関わりについて説明していきます
![企業のブランド戦略を促進するWebサイト設計の要点 | [コラム]IA視点のWebプロジェクト](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ab17de853b8c29cab6194a39392ba38d04eb0dd/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Fweb_project%2Fweb_project_icon.jpg%3Fitok%3DqL-1gvO5){kind=icon}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーエクスペリエンスデザインにおける情報アーキテクチャ設計
IA Wiki
ビービットが提供するプロのユーザビリティ改善プロセスを体験―勝手にユーザビリティ診断 | Web担当者Forum
matthieu mingasson