7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法
「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手
IAとUXデザインの違い
私の職業を「UXアーキテクト」と説明すると、必ず次に「IA（情報アーキテクチャ）とUXの違いは何？」と尋ねられます。両者には明らかな違いがあるにも関わらず、その境界線は不明確です。どのように説明するべきでしょう？ Wikipediaによると、IAは「ユーザビリティを支えるために、ウェブサイトを体系化し、分類するための技術と科学」です。同じソースによると、UXは「人々が製品やシステム、サービスを利用する際の感じ方。利便性、使ったときの心地よさ、システムの効率性（を含む）」とあります。 これらの定義によると、UXはIAを基礎として、これを次のレベルへと押し上げるものと言えます。 IAは構造に関与する IAは比較的古い用語です。ウェブにおいても古くから使われ、技術全般の進歩においても古くから使われ、主にユーザーを案内していくコンテンツの構成や構造に焦点を当てます。デジタルの観点からは、単純なパン
UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 | Web担当者Forum
UXのプロが岡目八目で切り込むのが快感今回、「UXデザインパッケージ」のサービスを体験してみたわけですが、結論から言うと、「さすがUXのプロ」という面と、「まさに岡目八目、外部に頼む価値」という面とがありました。 アドバイスは、現状のWeb担の見せ方をかなり大幅に変えるというものでした。つまり、現状をある意味で否定された形なのですが、それに対して違和感は抱きませんでした。というのも、そうするべきだとして示されている理由が理路整然としていた納得できるものであり、さらに自分でも薄々は感じていた「そうだよね」という部分をえぐられていた内容も多かったからです。 たとえば、アドバイスでは、「移動中などにスマホで友人のフィードで見かけた記事などが気になり、でもそのときは読まずにあとから読む」といった行動にうまく対応できるようにと指摘されています。 これは、言われなくてもわかっているはずのことです（実際
IA業務のアシスタントを募集しています : 株式会社ツルカメ
平素より格別のお引き立てをありがとうございます。 ツルカメでは現在、IA業務のアシスタントを募集しております。 もう少し具体的にいうと森田のアシスタント的な感じになり、IA業務にとどまらず、企画、デザイン、制作、その他いろいろと、幅広い業務に関与することも可能です。というか別にアシスタントじゃなくてスペシャリストな人も大歓迎です。 業務開始は即日でも構いません。業務の見通し的には、着手が早ければ早いほうがいいかと思いますが、まあ気長に募集を継続する感じでもあります。 座席はツルカメ社内に用意いたします。ただ、実際に働く場所はけっこうノマド的な感じになるかもしれません。 仕事内容 主にWebサイトの企画・設計・制作管理、IA/UXのデザイン業務、そのほかサイト制作に必要なディレクションのアシスタント業務。 応募資格 未経験者歓迎。ただし、Webディレクション、IA/UX、ユーザビリティ、アク
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
もうやりきったと思ってませんか？まだまだやれるEFO-マルチデバイス時代のウェブフォーム顧客体験最適化tanakayoshikif-code
Web Design References: Information Architecture
Overviews A Guide to Information Architecture - Miklos Philips Complete Beginner's Guide to Information Architecture - UX Booth Defining Information Architecture - Peter Morville Information And Information Architecture: The BIG Picture - Carrie Webster Information Architecture is Much More Than Navigation - Jess Jenkins Information Architecture: The Structure Behind Your User Interface - Nathanie
Accessibility For Information Architects.
Each member of a team plays a role in building a website or web app that is accessible ranging from the project manager, designer, developer, tester and Information Architect (IA). This article looks at a few key aspects of accessibility that if anticipated at IA stage go a long way to ensuring usable websites for people with access needs and safeguarding against costly fixes post launch. Before
UXリサーチ：価値ある体験を提供するための調査
製品・サービスとのやりとりによってユーザー個人の中で生じる主観（感覚・感情・反応など）のことを「UX」（ユーザー体験）といいます。そして、ユーザーにとって理想的な体験になるように製品・サービスを企画・提供することを「UXデザイン」と呼びます。詳細は「UXとは：その定義と、UXデザインのプロセス」をご覧ください。 製品・サービス開発におけるアウトプットや、その評価の方法 ユーザーに満足してもらえる製品・サービスにするための方法には、開発フェーズによって様々なものがあります。 初期の段階では、ユーザーが置かれている状況、持っている不満・課題、利用したときの実感・反応といったことを把握する必要があります。また、後期の段階で製品・サービスのコンセプトやUIにフィードバックをもらう場合にも、ユーザー視点の評価が有用です。
IA Wiki
概要 IA wikiとは、株式会社モフが運営する、情報設計（Information Architecture）に関する体系的なアプローチを試みるためのWikiサイトです。 現在、IA wikiは、新しいバージョンに移行作業中です。新しいIA wikiは、システムと内容を新たにし、順次コンテンツを拡充しております。 材料と道具 大工にとっての建築の材料「建材」は、木材やコンクリや漆喰などであるが、情報設計における材料は何か？もちろん「情報」ということになる。ところで、大工は建材の種類や用い方、特性や性質を熟知しているが、われわれ情報設計を担う者は「情報」という材料をキチンとわかっているのか？そこかしこに存在するこの「情報」とは、いったいなんなのか？特性、性質を理解できているか？ 一方で、大工にとっての「道具」とはカンナ、カナヅチ、ノコギリ、クギ、メジャーあたりが挙げられる。では、われわれ情報
Fantastic Information Architecture and Data Visualization Resources - noupe
Fantastic Information Architecture and Data Visualization Resources Information architecture can be a daunting subject for designers who've never tried it before. Also, creating successful infographics and visualizations takes skill and practice, along with some advance planning. But anyone with graphic design skills can learn to create infographics that are effective and get data across in a user
What’s Next in Web Design?
I’ve been asked by the Italian magazine L’Espresso to write an article on The Future of Web Design. Here is the (longer) English text. Thinking about what’s next online is fun because everything you wish to come true will come true. While commercial products obey to the laws of the market, which in part are influenced by the resources needed to create these products, the web is defined by the user
IAスペシャルでのワークショップ (CSS Nite LP, DISK 7) | blog / bookslope
CSS Nite LP, Disk 7「IAスペシャル」（2009年9月12日開催） 先日 (9/12) 行われた「CSS Nite LP, DISK 7」は、300人を越す参加者となり予想以上に大人数かつ大きな部屋に大きなスクリーンで、これまでにはないシチュエーションでした。 前半のセッションではどちらかというと参加者が聴く姿勢になるので、わたしのセッションではできるだけ手や頭を動かせるワークショップ形式にさせていただきました。300人強でワークショップ (?!) というのははじめてで大きなチャレンジでしたのではじめはどうなることかと思っていたのですが、みなさんの協力あってカタチにすることができました。 当初、もう少し参加者と近い距離を想定していたため、その場で課題に対する質疑応答なども考えていたのですが、想定以上に部屋が大きかったこともあり (参加者が多いということもあり) かなり小刻
I ♥ wireframes
Tumblelog managed by Ivana Jurcic, Web Developer from Belgrade, Serbia. If you want to contribute contact me via email, twitter or post your wireframe in this flickr group. Facebook page Submit wireframes Archive RSS feed Adobe Proto Adobe® Proto, a new Adobe Touch App, lets you create interactive wireframes and prototypes of websites and mobile apps on your tablet. Communicate and share ideas wit
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
User experience | Scoop.it
http://designaholic.cc/2010/09/post-15.html
【WebSig分科会】明日から実践できるIA（ミニセミナー）
http://www.fluidia.org/
Neutrale Seite
CSS Nite LP7 - Session 1
Mental Models