User Experience Journey Map - ユーザーエクスペリエンス・ジャーニーマップ - UXploration
User Experience Design の仕事に携わっていると、アウトプットの定義に迷うときがあります。ユーザーエクスペリエンスデザイン成果物リスト（User Experience Deliverables）でも定義されているユーザリサーチ、ペルソナ設計、シナリオの作成…と一連のフローは定着しつつあるものの、"Experience"すなわちユーザの「体験や経験」をデザインすることの目的意識が薄れていく一方で、User Experience という言葉が一人歩きしているような気がしています。 ユーザについて考えようとしても職種や部署属性、スキルというフィルターが邪魔をし、なかなか外の情報を組織の中にインプットしようとしてもうまくいきません。実務に落とし込むための力量を兼ね揃える必要もありますが、そのような状況下では「誰に」に加えて、「どのような価値を提供しているのか？」のキークエスチョ
UI研究者 増井俊之が語るエンジニアに伝えたいこと | 三年予測 ｜dodaエンジニア IT
UI研究者 増井俊之 1959年生まれ。54歳。慶應義塾大学環境情報学部教授。東京大学大学院修士課程卒業後、富士通、シャープ、ソニーコンピュータサイエンス研究所、産業技術総合研究所を経て、2006年から2008年まで米AppleでiPhoneの日本語入力方式の開発に従事。2008年より慶應義塾大学。 慶應義塾大学SFC（湘南藤沢キャンパス）にある増井俊之の研究室は、混沌とした楽しさが感じられる場だった。まず、ドアの開閉の方法からして違う。「NFC対応のスマートフォンをかざして回す」操作で解錠する仕組みが作り込まれている。ドア解錠の機構から伸びるケーブルの先には、ガジェット作りでは定番のマイコンボード「Arduino」がある。ユーザインタフェース研究者である増井の研究成果をドア解錠の機構に組み込んでいるのだ。 研究室の入り口には、研究室メンバーが「ニコニコ学会」で大賞を獲得したときの副賞のだ
スマホUI考（番外編） 顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict
顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。 なぜなら面積の限られたスマホでは「一画面の機能数とボタン数」が、使い易さと品質に深くリンクしているからです。 ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。 思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。 何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。 ここがオリジナル Request1: ダイレクトメッセージをトップ階層に ユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。 ただTwitter社的にはme
WebでTitaniumの画面生成コードをさくっと作る·Titanium Form Designer MOONGIFT
Titanium Form DesignerはWebブラウザ上でTitaniumのUIコードを生成するソフトウェアです。 TitaniumはJavaScriptのコードの中でUIを定義して画面を作成します。プログラマーにとっては分かりやすいかも知れませんが、慣れてくると面倒に感じるかもしれません。そこでTitanium Form Designerを使ってビジュアル的に画面を作成してみましょう。 作成画面です。左側からコンテンツを中央の画面にドロップします。 ドロップするとプロパティウィンドウが表示されます。 画像の場合はURLを入力します。 右側にソースが表示されています。これをコードに貼付ければ画面が作成されます。 Titanium Form Designerではまだ単純に追加したオブジェクトごとに画面を生成するくらいしかできませんが、そこは将来性に期待といったところでしょうか。また基礎
無料で使えるUIデザインの基本要素が詰まった32の素材集 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Moc
最優秀アプリケーションデザイン
受賞したアプリのUIには、機械的なことはソフトウェアに任せて、人がより深い課題に集中することを可能にした、領域特化型のソリューションが含まれている。 Best Application Designs by Jakob Nielsen on April 23, 2012 日本語版2012年5月18日公開 今年の最優秀ユーザーインタフェースに選ばれたアプリケーションは以下である： 複雑なアプリケーション ウェブベースの資産管理プラットフォーム、BondWorks（BondDesk Group LLC） は、ファイナンシャルアドバイザーたちに確定利付資産を取引するための効率的システムを提供している。 ポータブルなGEN2i（Hottinger Baldwin Messtechnik GmbH、ドイツ）は、ユーザーが現場で技術データを記録することを可能にする。 OEConnection（OECon
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012 7万行規模のJavaScriptプログラムで構築されたユーザーインターフェイス。そのプログラミングで使われたテクニックとはどういうものか。 2月16日、17日の2日間、都内で開催されたイベント「デベロッパーズサミット2012」（デブサミ2012）で、サイボウズ株式会社 開発部 若原祥正氏、生駒浩隆氏が講演「kintoneの表と裏～大規模JavaScript開発と非構造データベース」を行いました。 講演では前半に大規模JavaScriptのテクニック、後半でスキーマレスデータベース構築の仕組みが解説されましたが、この記事では資料が公開された前半のJavaScriptのテクニックについて、ダイジェストで紹介します。 7万行のコード、フレームワークはClosure Library
人と機械の新しい関係を作るUIを求めて---ユーザビリティテスト、実世界GUI、デザイン思考
ユーザーインタフェース（UI）をテーマにしたイベント「Android Usability Seminar 2012」（主催、日経BP ITpro Android Application Award 2012事務局）が2012年1月28日、都内で開催された。Suica改札機を手がけた山中俊治氏、携帯電話やiPhoneの日本語入力システムを開発した増井俊之氏、医療など様々な領域で「デザイン思考（Design Thinking）」に基づくプロジェクトに関わっている奥出直人氏ら著名な講師が、実プロジェクトに基づきUIの本質的な問題についての議論を展開した。 ユーザビリティ調査が作るUI、Appleの常識外れなデザイン 山中俊治氏 山中俊治氏はLEADING EDGE DESIGN代表として様々なプロダクトデザインにかかわるとともに、慶應義塾大学大学院で教授として教鞭もとっている。東京大学工学部の在
DESIGN IT! : 自治体Webサイトのユーザビリティ評価 ユーザー視点の設計をペルソナ法で学ぶ
経営管理指標による評価 ROI（投資資本利益率） ROA（総資本利益率） ROE（自己資本利益率） その他評価 ORI (Online Relationship Improvement：CRM等のオンライン投資の評価) MVT (Measuring the Value of Technology：技術要素の価値評価) Webサイトの「使いやすさ」を効果的に調べるにはどうすれば良いのだろうか? Webサイトを評価する一般的な方法には、ユーザーへのインタビューのような方法もあるだろうし、アンケートやアクセス解析で定量的に調査してページ間の動線を検討することもあるだろう。現在、代表的なWebサイトの評価手法としては、右の表にまとめたような多くの手法が知られている。 では、この様々な手法の中で、「使いやすさ」についてユーザーの視点から評価する方法として有効なものはどれなのだろうか。 まず、最初に考
スマートフォンっぽいUIを、JQueryを使わずに作ってみる3 - BASHI_BASHI
前回、スマートフォンっぽいUIを、JQueryを使わずに作ってみる2で、 みたいなボタンを作成しました。 今回は、スマホのUI考 〜 ボタンについてで、 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 と紹介されており、スマフォ用のボタンをつくるときには最低限44pxが必要みたいなのですが、サイトデザインの都合上、どうしても44px以下のボタンを作らねばならぬのだ。。。。 ってときのために、 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 を、HTMLで書いてみました。 <html lan
TitaniumのロジックとUIのプロパティ定義を分離する - ひげろぐ
UIの部品をたくさん追加するとコードの見通しが悪くなってくるので、なんとかしたいと思った。 そこでUIのプロパティを指定するオブジェクトを別の場所で定義して分離することにしてみた。 Ti.includeを使うとコードの分離は簡単なので、方法は至って単純。 styles.jsというファイルにプロパティの定義を追い出す。 2010/02/12追記 Titamium Mobile 1.5からJSSというものが使えるようになっていて、以下のstyles.jsでやっていることをCSSっぽく書ける。 ただ1.5の時点ではiOSで問題があり、JSSの更新が二度目以降のビルドに反映されず、更新を確認するためには都度build以下を削除しないといけないようなことになっているようだ。 元のコード まずは分離前。 hoge.js いたって普通に書いたコード。 UI部品が少ないうちは問題ないが、部品が増えてくると
勝手にリデザイン：新宿高層ビルの館内施設案内板
勝手にリデザイン：新宿高層ビルの館内施設案内板 新宿のとある高層ビルの館内案内標識が話題に。後学のために、仕様・問題点を整理、改善案の作成を行ってみました time2011/09/08 hatenabookmark- Twitterで、あるサイン（案内板）のことが話題になっていました。新宿のあるビルの案内図のようですが、わかりづらいことが問題になっているようです。 …確かにこれはわかりません。トイレを探している時に遭遇したら結構辛いと思いますね。でも、なぜわかりにくいのか、どういう改善案が考えられるのか、もう少し考えてみることにしました。 仕様 まず、この図から読み取れる情報だけでは何が「正解」かわからないので、実際の現場に足を運んでみました。 そして、館内をぐるっと見学してみて、大体の施設の配置を把握してきました。（ちなみに、ビルの中をウロウロしてると普通に不審者だと思うので、警備員の方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
BLOGOS サービス終了のお知らせ
Amazon.co.jp: iOS開発におけるパターンによるオートマティズム: 木下誠: 本
スマホアプリの作り方【超まとめ】UI編：スマホアプリのデザイン／グラフィック描画に役立つ記事39選 - ＠IT
District 9 - Ship UI
『UIKitにインスパイアされたTwitter社製のUIフレームワーク·TwUI MOONGIFT』へのコメント