インタフェースデザインの実践教室
インタフェースデザインの実践的な解説書。使いやすいUIで優れたUXを提供するために必須な「リサーチ」「デザイン」「インプリメンテーション」という3つのフェーズを、初心者にもわかるようていねいに解説します。テクニックの章では、ストーリーボードやペーパープロトタイピング、ユーザビリティテストなど、優れたユーザビリティを実現するためのアプローチについて学びます。アイデアの章では、テキストの書き方、どのくらいリアルなデザインであるべきか、アニメーションを使うタイミングなどについて学びます。調査・設計・実装・検証・改善というワークフローに沿ってデザインすれば、ユーザビリティは驚くほど向上します。 翻訳者によるサポートページ。 サンプルPDF ● 「前付、1章と8章（I部）、23章（II部）、33章（III部）」（38MB） 賞賛の声 はじめに I部 リサーチ 1章 ユーザーリサーチ 2章 ジョブシャ
HMDT＆ニコ動アプリ開発者が語る！ Web CAT Studio「スマートフォンUXの最前線」勉強会レポート - はてなニュース
はてなでスマートフォンアプリの開発を担当している、id:ninjinkunこと浅野慧です。近年、スマホアプリは「ユーザー体験（UX）」が非常に重要と言われており、筆者もUXの勉強に勤しむ毎日です。そんな中、エンジニア＆クリエイターを支援するコミュニティ「Web CAT Studio（運営：リクルートエージェント）」が「スマートフォンUXの最前線」という勉強会を開催すると聞いて、お邪魔してきました。勉強会当日のレポートと、Web CAT Studioが積極的に勉強会を開催している理由を伺ったインタビューをお送りします。記事の終わりには、関連書籍のプレゼントのお知らせも！ （※この記事はWeb CAT Studio／株式会社リクルートエージェントの提供によるPR記事です） ▽ スマートフォンUXの最前線 : ATND 「UX」とは「ユーザー・エクスペリエンス」「ユーザー体験」の略で、簡単に言う
ニコニコ超デザイン-Metro考察編-
ニコニコ超デザイン-Metro死闘編- http://www.slideshare.net/VoQn/metro-12761898 の続きです， 元々は社内勉強会の資料として作成しました 死闘編は経緯だったりネタ的な要素に走りすぎたのでデザインに関するナレッジはここにまとめてあります より実践的かつ具体的なノウハウ等は正規リリース後あたりで公開したいと思っていますRead less
Interaction Design向けのC++ライブラリ "pocode" - Preferred Networks Research & Development
祢次金です。 今回はC++で書かれたオープンソースなライブラリ、pocodeを簡単にご紹介します。 pocodeはPotion社によって設計された、主にインタラクションデザインのためのライブラリであり、プラットフォームとしてはWindows、MacOS(Lion)、iOSに対応しています。オープンソースとして公開されたのは最近ですが、既にいくつかのプロジェクトで利用実績があるようです。 本ブログでも何度か触れているCinderやopenFrameworksと違うのは、描画したいオブジェクトをシーングラフに追加して管理する点です。pocodeではこのオブジェクトはpoObjectと呼ばれていて、このpoObject単位で各種イベントに対するハンドラを設定することもできます。FlashでいうSpriteのようなものです。 例として、pocodeに同梱されているサンプルから、あるParticle
このアプリのこの動きがたまらない 〜UIが斬新なiPhoneアプリ特集〜 - #RyoAnnaBlog
Tweet アニメーションや効果音が、たまらなく気持ちいいアプリがある。スワイプした時の動き、ボタンを押した時の効果音、ピンチアウトのユーザーインターフィエス。ちょっとしたギミックが、そのアプリの魅力を決定的なものにする。 今回は、UIが斬新なiPhoneアプリを集めた。同じ感覚の人がいると嬉しい。 Daily Routine 1日のルーティンワークを設定して通知するアプリ。カラフルなスロットを上下に動かした時の、マーブルの曲線がとても綺麗だ（動画 00:05）。 関連記事：時間にくさびを打って24時間を習慣化する Daily Routine | Lifehacking.jp Daily Routine - YouTube Tweetbot 小気味よいアニメーションと効果音がクセになるアプリ。とりわけ、ツイートを左右にスワイプした時の動きと音がたまらない（動画 01:30）。また「ツイート
GUI ボタンのデザイン・ストラテジーについて
GUI デザインをする上で考えていることStocker.jp さんのところで [連載]Webデザイン入門（3:光とボタン） というWebデザイン初学者向けの連載が行われているのだけど，それに触発されて「自分だったら (こうする/こうしてる)」というのを実例を持って書いてみる． ここでいう UIデザインは GUI のスタイリングであって，実際にはデザインと呼ぶには領域が挟すぎるのだけど，おそらく多くの人が認識している"デザイン"と呼ぶものに合わせる．実際には DBモデル, API設計, URI設計, CallbackFunction まで実装して，はじめてデザインと呼べるものだと思う サマリー機能について把握すること 機能の記号化(ピクトグラム) ・ そのシルエットのデザイン 「押せそうな」アフォーダンス・「明暗」と「光沢」「質感」を切り離して考える 「押せそうな」アフォーダンス・「明暗」の
UXの奥にあるもうひとつのレイヤー
9月23日に第6回 .NET中心会議が開催されました。エンタープライズ向け、B2B 向けのシステムを開発している方が多く参加されるイベントで、今回のテーマは「UX」でした。製品発表会やサービス紹介に必ずといっていいほど耳にするようになった「体験」というフレーズ。デザイナーだけでなく、エンジニアや経営者など幅広い方々から重要性が認知され初めているのが分かります。しかし、「UX」という言葉は人によって定義や強調するところがまちまちですし、範囲が広過ぎて結局よく分からないイメージが未だにあります。 昨年開催されたリクリのセミナー＆ワークショップで、分かり難い UX を具体化するためのアプローチを紹介しましたが、まだ課題は多いのが現状です。Web では深い議論が出来ないところから、「UX = 素敵なインターフェイスとインタション」という表層的な部分が先行しているところもあります。今後、多様化が進む
スタートアップにおけるデザインの重要性 デザイン会社 ビートラックス: ブログ
多くのスタートアップが、サービスアイディアやテクノロジーを中心にビジネス展開するケースが多い。 他の企業が行っていないサービスを提供しようとするのはとても良いが、実は大きな成功と無惨な失敗とを分けるのは上記の2つの要素ではない。 実のところ、その決定的要素とはデザインである。 それはなぜか？ 単純に考えると、ユーザーにとってのサービスの価値は、その裏にあるテクノロジーやロジックではなく、使い易さや見た目の良さであるから。 テクノロジーよりもデザインで差別化を図る時代得に、昨今のオープンソースやクラウド環境、AIテクノロジー等の充実により、多くのスタートアップの勝敗を分けるのはコアテクノロジーではなく、見せ方や使わせ方になってきている。 言い換えると、サービスを通して得られる体験やフィーリングの質こそがその製品の価値を左右する。 そして、最終的にはデザインこそがビジネスの結果に影響を与えるの
ここ1年くらいで見られた素晴らしいインターフェイスデザイン 12選
Tweet 『fastcodesign.com』に見ているだけで楽しくなる記事が出ていたのでご紹介。 2010年に出てきたプロダクトのうち、インターフェイスのデザインが素晴らしかったものを12個ほどピックアップしてくれています。 以下、ちょっとづつ解説をば。 1. FLUD まず1番最初に紹介されていたのは、iPhoneアプリ、『FLUD』。素晴らしくデザインされたRSSリーダーアプリです。アイコンもイケてます。 2. Cortex 『Cortex』はChromeで機能するExtension。Facebook, Twitter, Tumblr, or Instapaperにマウスジェスチャーだけで瞬時に投稿できるスグレモノです。 3. IOBR 『IOBR』は幼児のためのソーシャルメディア。（というよりはコミュニケーションツールですが。）幼児は上のように、ボックスに三角や四角のブロックを入
非公開サイト
サイトの構築。作品の販売。ブログの投稿。この他にもさまざまな機能があります。 ログイン サイトをはじめよう 非公開サイト このサイトは現在プライベート設定になっています。
ユーザーにとってはUIがすべて：UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 本稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書
『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている ：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ
中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。 作成者：中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている「iOSヒューマンインターフェイスガイドライン（以下iOS_HIG）」 弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべき これはぜひ、WEBに関わる方は見て頂き
MOONGIFT: » アジャイルUIプロトタイピング「fluidIA」:オープンソースを毎日紹介
fluidIAはHTML/JavaScript製のオープンソース・ソフトウェア。Webサイトを開発する際にモックから入るのは基本だ。テキストから考えていては各自の中で想定されるイメージが異なってしまう。頭のイメージを書き出すことでより具体的になるはずだ。 簡易的に画面を定義する デザインレベルではないが、画面の動きを含めて確認するのに役立ちそうなのがfluidIAだ。アジャイル向けとある通り、シンプルにさくっと流れを確認して開発にとりかかるようなスピード感が出せそうなソフトウェアだ。 fluidIAはHTML/JavaScript（jQuery）で作られている。オブジェクトとテキストを配置して最低限必要な情報を定義する。そして流れを定義する機能を使ってスナップショットで画面を固定化したり、マウスクリックを模したり出来る。 アクションを定義する プレゼンモードでは定義した流れに沿って確認が進
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン | Android Developers
スマホアプリの作り方【超まとめ】UI編：スマホアプリのデザイン／グラフィック描画に役立つ記事39選 - ＠IT
http://e0166nt.com/blog-entry-864.html
Android UIのデザインパターンを集めた『Android Patterns』 | 100SHIKI
インフラジスティックス Quince UX デザイン テンプレート エクスプローラー
Little Big Details
効果的なデザインを提供する方法 | DesignWalker
