IA Basic Learning Kitを公開しました - kamihira_log
IA Basic learning kitとは Webにおける情報設計（インフォメーションアーキテクチャ）についての基礎的な考え方を学ぶことを目的とした教材です。ワークショップ形式でみんなで考えながら進めていくことができます。もともと僕が担当しているネットワーク情報学部の２年生向けの演習用教材として開発したものですが、広く一般の人や他大学の学生さん達にも利用してもらえるように新しくまとめ直しました。 内容に関しては、坂本貴史さん（株式会社ネットイヤーグループ UXデザイナー / IA Thinking 著者）に専門的視点で監修して戴きましたので、数少ないIA系の初学者向け教材として使えるレベルになっていると思います。 ここからPDFをダウンロードできます。 印刷してご利用ください。 キットの中身について ある観光地のキャンプ場を題材に、予めカード化してある素材（コンテンツカード）を机の上
5 Printable Templates for Sketching Responsive Layouts
As mobile devices evolve, designing websites responsively has become necessary. However, unlike static or fixed websites, the fluidity and flexibility of responsive sites can make it challenging to convey design ideas visually. Fortunately, there are some helpful tools available for responsive design, including the most basic and essential ones: pencil and paper. Specifically, sketchsheets for res
Getting Started with Interface Design | Envato Tuts+
In this article we look at five fields that you should aim to learn more about in order to rock at interface design. These fields include Experience Design, Interaction Design, Information Architecture, User-Centered Design, and Graphic User Interface (GUI) Design. Introduction Remember when web designers created sites or applications based on what they thought looked good and worked well? That th
ユーザーテスト（ユーザビリティテスト）-ペルソナ・ラボ
ユーザテストとペルソナ・シナリオをWeb構築に活用しよう！ ペルソナ・ラボ「みんなのため」につくろうとしても、みんなに使いやすい Webサイトにはなりません。 「誰に一番好かれたいか？」ということが重要で、 「その人」のためにサービスや機能を絞り込み 優先順位をつけます。 好かれたい「その人」こそがペルソナです。 実践ワークショップ その1 ペルソナ・シナリオ法を活用し、 Webサイトをリニューアル。 Vol.1 ペルソナ・シナリオ法の手順 Vol.2 再現インタビューの実施 Vol.3 関係性モデルと時系列モデル Vol.4 KJ法で情報を単位化・統合 Vol.5 ペルソナ作成 Vol.6 シナリオ作成 Vol.7 ワイヤーフレーム作成 実践ワークショップ その2 ユーザーテストでWebサイトの 問題点を明らかにする。 Vol.1 ユーザーテストの注意点 V
楽天に出向したい2010／アクセシビリティコラム｜ユニバーサルワークス
第87回 楽天に出向したい2010 （2010年5月6日掲載） 以前、あるジャンルの買い物に楽天市場が適しているという件から、楽天嫌いの楽天好きであることをカミングアウトした。その後、「楽天市場のアクセシビリティがよくなるかもよ。」という情報も小耳にはさみ期待していたところだが、まったく何も変化しやしない。私への有料の出向命令も下らず、しびれをきらして改善のヒントを表明してあげようと思う。 見出しを設定しよう！ 音声ブラウザの読み上げに限定した問題とは思うが、楽天市場そのもののページも出店店舗のページも、カテゴリを選んでも選んでも商品一覧までが遠い。つまり、読み上げ上、上から膨大なカテゴリが並び、その後にトピックパスのようなものが出てきて、やっと商品の一覧が読み上げられるという流れになっている。カテゴリ郡がいつ終わるかの予想がつきにくく、商品一覧の先頭を探すのが一苦労なのだ。 改善は簡単な
HCD重要用語のカタカナ表記 ガイドライン | HCDコラム | HCD-Net
「ユーザー」や「ユーザビリティ」―HCD-Net理事会で決定した用語について カタカナ用語のゆれ（注；ユーザとユーザーなど音引きの問題）が指摘されて久しい。2005年にテクニカルコミュニケーター協会が用語用法の調査を行いかなり整理されましたが（注；報告書が公開されている）、HCD-Netの理事会内では「ユーザ」と「ユーザー」などHCDにとって重要な用語が不統一に使用されていました。2009年に広報媒体としてパンフレットを作成するに当たり、「ユーザー」と「ユーザ」、「ユーザインタフェース」と「ユーザーインターフェイス」などHCDとして重要な用語についてはゆれを正そうということで、理事会内で議論を重ねました。 2010年1月の理事会において最終審議した結果、以下のガイドラインに示す４語が承認されました。当時の議論の記録と共に報告します。ここに掲載したカタカナ用語がHCD-Net内で広く活用され
Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する
2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派！」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト！ オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイト とにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。 トライアルをするにはまずトップページから「Get S
SEOと情報アーキテクチャ: 定義・サイト構造・ドメイン最適化 ｜ SEOモード
情報アーキテクチャ（IA）とSEOはどのような形で関わり合うのでしょうか。適切にIAを実践できればSEOは必要ないという意見もあるかも知れませんが、IAが内部情報の適切な設計に関わる役割を果たす一方で、トラフィックを生むSEOを必要としているサイトは決して少なくありません。 ここでは、Adam Audette氏の『The SEO Guide to Information Architecture』の全訳を3回に分けてお届けいたします。 Audette氏は、SEOの視点から情報アーキテクチャを考え、そこからいわゆる内部SEOを実践することの重要性を説いています。しばしばクローラー対策一辺倒のサイト制作になりがりなSEOにおいて、今日、ユーザーに配慮した情報設計や導線設計が不可欠と考えられていることは周知の通りですが、それをいかに実践するかのヒントを、ある程度の分量で提供してくれているこの記事
WebSig247 サイトマップ標準化プロジェクト
サイトマップ標準書式制定プロジェクトTOP ここはWebSig24/7が主催したイベント第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」 のフォローアップサイトです。 WebSig24/7では 「第24回WebSig会議「100人で考える、理想的なサイトマップの形と標準書式」開催のお知らせ を通じて、サイトマップ作成方法を標準化することを試みようとしています。 詳しくはこのリンクから詳細を読むことができます。 このプロジェクトについて [編集] 初めて来られた方へ このサイトの目的は、実際に業界で働く人が参加する議論を通じて、最大多数が納得のいく形でのサイトマップの運用形態をまとめることです。 そのため、業界標準としての決定事項の全てを、オープンな議論を通じて決めていきたいと思っています。 このプロジェクトにはメーリングリストはありません。全てサイト上にて議
[slideshare]"IA Special"
This document appears to be notes from an information architecture training session. It includes exercises on navigation types, visual vocabularies, content structure patterns and the AIDA model of user attention, interest, desire and action. There are links to external references and worksheets for each exercise. Participants were asked to provide summaries of the exercises in 3 sentences or less
![[slideshare]"IA Special"](https://cdn-ak-scissors.b.st-hatena.com/image/square/82a87f600e4bb39b53ca01741c4232b523d37859/height=288;version=1;width=512/https%3A%2F%2Fcdn.slidesharecdn.com%2Fss_thumbnails%2Fcssnitelp7workshop0909011b-090912212950-phpapp02-thumbnail.jpg%3Fwidth%3D640%26height%3D640%26fit%3Dbounds)
20090912 CSSNite Lp7
This document appears to be a biography and portfolio of Chiaki Hayashi, the director of loftwork, a creative agency. It provides information about Chiaki Hayashi's background and experience creating websites, mobile apps, and other digital projects for over 13,000 clients. It also discusses trends in the digital world and how loftwork helps clients navigate new technologies.Read less
CSS Nite LP, Disk 7「IAスペシャル」フォローアップ（1）長谷川敦士さんのセッション｜CSS Nite公式サイト
CSS Nite LP, Disk 7「IAスペシャル」フォローアップ（1）長谷川敦士さんのセッション 記事公開日：2010年1月 7日（木） 2009年9月12日、ベルサール神田で開催したCSS Nite LP, Disk 7「IAスペシャル」のフォローアップとして、『情報アーキテクチャの全体像?ワークフローとケーススタディ?』（長谷川敦士さん／コンセント）のセッションのスライドと音声をシェアします。 スライド（SlideShare） 音声（MP3、56:35、27.2MB） コンセントでのレポートや補足情報などもご参照ください。 【レポート】CSS Nite LP, Disk 7「IAスペシャル」 ｜ ラボ ｜ 株式会社コンセント 補足情報 LP7は、ご参加いただいた方に多くのブログにて取り上げていただきました。合わせてご参照ください。 CSS Nite LP, Disk 7「IAスペ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://designaholic.cc/2011/08/post-105.html
usablog.jp
「モバイル夜間大学」に大岡旨成が登壇
マークアップエンジニアと情報アーキテクチャ
Hemiolia.com is for sale | HugeDomains
CSS Nite LP, Disk 7: Seesion3
CSS Nite LP7 - Session 1
最速インターフェースの研究と実践