3月12日（金）と13日（土）はアーゴデザイン部会の「 ビジョン提案型デザイン手法のワークショップ 」へ参加。 今回は、ビジョン提案型デザイン手法の最初から最後までを学ぶことのできるワークショップ型の合宿。特に、最初にインタビュー法を学び、インタビューを実施して、企業ドメインを考...
ビジョン提案型デザイン手法の合宿ワークショップ
3月12日（金）と13日（土）はアーゴデザイン部会の「 ビジョン提案型デザイン手法のワークショップ 」へ参加。 今回は、ビジョン提案型デザイン手法の最初から最後までを学ぶことのできるワークショップ型の合宿。特に、最初にインタビュー法を学び、インタビューを実施して、企業ドメインを考...
10 Excellent Tools for Creating Web Design Wireframes - Web Design Ledger
One Ping Pingback: 18 Great Examples of Sketched UI Wireframes and Mockups | Inspiration 54 Comments Very useful post Hey, you forgot FlairBuilder! 🙂 Look this! Thank you really helpful to design web Thanks for posting will check some of these out! We have used axure, its a good and fast. Have to try others as well. Its really useful before you start the project to finalize things. Also take a lo
30 Examples of Clean and Minimal Website Navigation - Web Design Ledger
One Ping Pingback: 10 Best Free Minimal WordPress Themes | Freebies 55 Comments Umm… honestly, I have to admit that none of the above looks nice. I’ve seen a lot of minimal layouts and even more minimal navigation and I can point many that looks better. Perhaps these newest trends aren’t very minimal after all 🙂 “Umm… honestly, I have to admit”, Nathan your mistake here is to admit something that
iaspectrum.net
iaspectrum.net 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
Belatedly, Flickr User Model v3 in High-res (Soldier Ant)
Wow. It's been 2 years (almost exactly to the day!) since I posted the original version of the Flickr User Model diagram. It quickly evolved through versions 2 and 3, where it stopped: Back then, I promised that I'd share a high-res printable and editable version so that folks could do as they pleased with it, and lately I've fielded about 4 different requests for just that. So... never let it be
UI Document
情報アーキテクチャ、インタラクションデザイン記述のためのビジュアルボキャブラリー version 1.1b-j (29 June, 2002) based on version 1.1b (6 March 2002) 目次 サマリー バージョン履歴 はじめに 基本概念 基本要素：ページ、ファイル、そしてそれらの集まり 関係性の記述：コネクターと矢印 すべてを一度に：並列セット 一時中断：連続ポイント 共通要素：エリアと反復エリア 再利用可能な要素：フローエリアと参照 条件要素の基本概念 選択せよ：意志決定点 探検者(パスの誘導)：条件的なコネクターと矢印 複数の選択：条件的な分岐 一つか複数か：条件的な選択肢 一つの決定、複数のパス：クラスター 制約条件あり：条件的なエリア 結論 ダウンロード可能なパーツライブラリ サマリー ダイアグラムはウェブ開発チーム内で情報アーキテクチャやインタラク
第4回 設計図とステンシルの活用 | gihyo.jp
ワイヤーフレームの設計ツールとしてVisioやOmniGraffleを紹介しましたが、それらのツールでは目的に応じたテンプレートを使用して作業を進めることになります。そのうち、ページフォーマット（種類としての枠組みやIDやタイトルなどを記すヘッダー要素など）を指すものと、もう1つ「ステンシル（シンボル・図形）」と呼ばれる「パーツ」を指す場合とがあります。今回はそのステンシルに注目してみることにします。 ステンシルとは 簡単に言うと、図形やシンボルを指します。つまり画面設計などを進めるためのパーツ類と考えるとわかりやすいかもしれません。 Webにおける画面設計は、Photoshopを立ち上げてする作業を指す場合だけではありません。もちろんラフとして手書きで描く場合もあるでしょう。ただし、大規模ないし複雑なWebサイト構築においては数名のメンバーとの共同作業と大量生産という点でこのステンシ
第2回 ワイヤーフレームと設計ツール | gihyo.jp
前回、「IA One Sheeters」をご紹介しましたが、もちろんそれらを指してすべてが「IAタスクである」とは言い切れません。ただ少なからずIAというロール（役割）において関係してくるタスクであることは間違いないと思います。 そこで今回は、そのサンプルにもあった「ワイヤーフレーム」についてのツールを紹介します。 そもそも画面のレイアウトおよび原稿の整理という意味では、いろいろなツールが関係してきます。Web制作の現場においてはWebデザイナーやWebディレクターというロールが関わり、タスクベースにするとどのロールがそのタスクを遂行するのかが混乱しがちです。この連載ではWebデザイナーを対象として、ツールの使い方やぶつかる課題にフォーカスをあててみたいと思います。 ワイヤーフレームについて ワイヤー（線形状）でフレーム（枠）にしていくことから名前がついたと思われますが、もともとはCG（
Information Architecture Institute > Learning IA - Information Architecture Institute:
We’re currently in the process of migrating our library to the new Drupal system, but in the meantime we’ve made the content available via Google Documents. Our library is the largest expertly-curated, information architecture-specific library in the world, including articles, tools, templates, podcasts, and a full listing of all the books one could ever need to get to the next level of their IA p
第1回 "IAって何するの？" がわかる「IA One Sheeter」 | gihyo.jp
「IA」という言葉が、Web業界の中で皆さんに認知されるまでにはまだまだ時間がかかりそうです。ここで言うIAとは「情報アーキテクチャ」のことを指します。 Webサイトを構築する上で、欠かせないのがこの情報アーキテクチャだと言われてます。簡単に言うと、Webサイト全体の設計図であり方針です。その設計図や方針を具現化するためには、やはり伝えるための手段が必要になります。 この連載では、伝えるための手段としてのツール紹介や、伝えるために必要なヒントを中心に、Webサイト構築に関わる方々に有益な情報をお届けします。 IAについて 「IA」そのものについての説明は割愛しますが、ひと口に「IA」と言っても以下の2つの意味があります。 Information Architecture：情報アーキテクチャ（分野） Information Architect：インフォメーションアーキテクト（スキル） とくに
Web情報アーキテクチャ（IA）とツール 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
AIfIA - Japanese | アシロマ情報アーキテクチャ研...
情報アーキテクチャ研究所（以下IA研究所）は、情報アーキテクチャの理解と発展を促進する非営利で活動する米国501(6)c、国際ボランティア団体です。2002年秋に米国で発足し、現在は80ヶ国、1,400人以上の会員から構成されています。詳細... IAコミュニティのためのリソース IAライブラリー ローカルIAグループ - リソース IA/：インフォメーションアーキテクトのためのニュース ニュースレター（登録する） イベント・カレンダー デザインツール 教育のためのリソース イベント・スポンサーシップ・プログラム IA関連の翻訳記事 会員のためのリソース 会員検索 求人情報 会員向けIAディスカッション・リスト コミュニティ基盤：会員からの新しいアイデアを常に募集しています。（新しいアイデア分科会を提案する） 世界各国で開催されるカンファレンスの割引
企業のブランド戦略を促進する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ページを開く
テクノロジー : 日経電子版
IA2010 Keynote A. Hasegawa
Website Explorer
Visual Sitemap Generator and Web Site Mapping Tool - PowerMapper
Usability resources | Information & Design
Stcsig.org
ソシオメディア | UIデザインパターン
