自称UIエンジニアのマラさんとエレベーターのUIについて議論した - キモブロ
14:32 kimoto: https://twitter.com/bulkneets/status/296085437599059969 14:33 kimoto: エレベーターの話マジレスすると、 14:33 kimoto: 開くボタンセンサーでいいとか言ってるけど 14:33 kimoto: そんなことしたら、一生閉まらないエレベーターになるよ 14:34 mala: 閉じるボタンを押せば閉まる 14:34 kimoto: あわてて乗ろうとするあほな人いっぱいいるし、無限に開きっぱなし 14:34 kimoto: 閉じるボタン押した後に誰か走ってきて開くよ 14:34 mala: 誰もいなくなったタイミングで閉まる 14:34 kimoto: で、誰かが走ってきて開く 14:34 mala: ひかりえのはもう付いてるよね 14:34 kimoto: 走ってきてる側の人間は 14:34
楽しく作れる！スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選 | DevelopersIO
ワイヤーフレームを楽しく作ろう！ 魅力的なユーザーエクスペリエンスをユーザーに届けるために、ワイヤーフレームはとても重要です。 何より自分自身が楽しんで作らないと、良いアイデアは生まれないものですよね。 ということで「楽しく作れる！」という観点から、おすすめのスマホアプリ/サイトのワイヤーフレームの作成を支援するツールをまとめてみました！もちろんすべて無料で始められます！ では早速どうぞ〜！ Fluid UI http://www.fluidui.com/ プレビュー機能で画面遷移も作れる UIパーツが本物にかなり近い形で表現されています(むしろそのまま？)。UIパーツはWireframe、iPhone、iPad、Android、Android 4.0、Android Tablet、Windows Phoneの中から自由に選べます。かなり豊富です。またオリジナル画像をアップロードして使うこ
メイリオとMeiryo UI って全然違うからね？ / Maka-Veli .com
意外に知らないんだなーと思って。 Meiryo UI はWindows7から登場したメイリオフォントの改良（もしくは派生）版です。 メイリオはVistaからですね。 このブログはヒラギノの次にMeiryo UI 、次にメイリオ指定です。 どちらが良いのかは個人差分かれると思います。 大きな違いはカナと文字詰め。 Meiryo UI のカナは半角と全角の中間？というくらい Narrow な感じ。 文字間も詰められていて、これを使うと、かなり全体的に詰まった印象です。 メイリオは一応プロポーショナルフォントらしいですが、和文が等幅なので感じられず。 カナが入ると、かなり横幅が変わってきます。 このようにまとまった文章で見比べると、テキストのボリューム感もだいぶ違いがわかります。 ブラウザでの見え方はこんな感じ しまった・・・英字はArialで表示されてます。 同様の事
常識の枠にとらわれない独創的なUIのWebデザイン
Niketo:Portfolio / Copenhagen Art Festival / Air Jordan 2012 - AJ2012他...全15件
第二弾:シリコンバレーで聞いたデザインが美しいWebサービス／アプリ15選 - パパパパ
このブログは、僕がこれまでWebサービスをいくつか作ってきて、失敗したり成功したり色々体験していることをまとめています。 前回の「シリコンバレーで聞いたデザインが美しいWebサービス／アプリ15選」の第二弾ということで、こちらで聞いた美しいWebサービスやアプリを紹介してみたいと思います。 Airtime https://www.airtime.com/ 先ごろローンチされたばかりの新しいプロダクト。Napsterの共同創業者ショーン・パーカーとショーン・ファニングが再びコンビを組んで作られたビデオチャットサービスです。トップページの未来的なイラストも目を引きますが、ログイン後のチャット画面は、一瞬ブラウザであることを忘れさせるほどの見栄えがします。 Pose http://pose.com/ ファッション関連サービスなので、当然デザインもハイクオリティ。アプリに入って行くと、素敵なWel
UI, IX, UXデザイン，あるいは，スパイラル・モデル型UXデザイン | 8 million IDs
全く放置気味のこのブログだけど，最近UXデザインに関する話題が散見されるので，そろそろ筆者が過去に提案したデザインメソッドを応用して，UXデザインフレームワークでも構築してみるかと思い立った次第．せっかくなので，UIデザイン，IXDデザイン，UXデザイン，サービスデザインまで含めたテキストをつらつらと書きとめておくことにした． まずは，UIデザイン，IXデザイン，UXデザインについて，それぞれ説明するところからはじめよう． UI，IX，UX UIデザイン UI(User Interface)デザインは，ユーザからの情報の入力とシステムからの情報出力を実現する境界面のデザインである(図1)．UIデザインの場合，原則UIそのものに時間軸が存在しないため，平面もしくは立体物を表現するデータ，物理的に接触可能なオブジェクト，あるいは，システムへ情報を送ることのできる装置それ自体のデザインを指す．
習慣になるまでの UI と操作の変化
タッチしてもらうための第一歩 タッチデバイスへの違和感や不安をもっている方はまだ少なくないと思います。 毎日の生活に登場するタッチデバイスの代表といえば、ATMや電車の切符販売機がありますが、処理速度が遅くスクリーンのオブジェクトを触れている感覚はあまりありません。そのせいか、スクリーンを強く押している方をたまに見かけます。また、タッチインターフェイスだけでなく、触れて押すことができる物理的なボタンが用意されている場合もあります。タッチへの不安を解消するための配慮なのかもしれません。 毎日の生活から比較すると、タッチデバイスでスイスイいろいろな操作が出来るというのは、未知の世界に見えてもおかしくありません。操作の仕方が分かる iPad や Galaxy の CM が TV で流れているとはいえ、「本当にタッチでこんなに動くのか」という不安をもっている方もいるはずです。 UI デザインのひと
スマートフォンアプリやスマホサイトのUI設計をする際に参考になる記事
【スマートフォンのユーザビリティチェックリスト】 1.小さくし過ぎない、詰め込み過ぎない 2.バラつきを無くす 3.タップしたオブジェクトは反応させる 4.画面遷移アニメーションを設定する 5.画像の解像度はきちんと合わせる 6.実装側でもデザインする 7.ローディング中も画面操作できるようにする 8.真っ白なローディング画面を避ける 9.更新頻度の低いコンテンツはローカルで保持する 【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた http://masaki0720.tumblr.com/post/19192937336 【Android設計のポイント】 Android では画面上になるべくボタンをおかないAndroid 端末ボタンを効果的に使うAndroid には Notification、ウィジェットもある
高品質なコンポーネントを使って格好いいサイトを作ろう·Chico UI MOONGIFT
Chico UIはWebサイト向けのコンポーネント群、デザインを提供しています。 最近はTwitterのBootstrapを使ってWebサイトを構築しているところが増えてきましたが、何となく似通ったデザインになってしまうのが難点です。人とはちょっと違う、でも簡単に格好いいデザインを実現したいという人にお勧めなのがChico UIです。 オートコンプリートです。 ボタンを押してハイライトします。 カレンダーです。 スライドです。 文字数カウンターです。 タイポグラフィです。 日付ピッカーです。アイコンをクリックでカレンダーが表示されます。 ドロップダウンです。 クリックで下のコンテンツが表示されるデモです。 フォームも多数デザインが揃っています。 レイヤーです。マウスオーバーで吹き出しが出ます。 モーダルウィンドウです。 メニューです。階層に対応しています。 タブです。 ツールチップです。
【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
企画が考えるスマホUIデザイン
Aiming Inc. 社内で行われたレベルデザインに関する勉強会のスライドです。使用許可の無い画像は削除してあります。ご了承ください。 Unite Tokyo 2018 Training Day「ProBuilderで学ぶレベルデザイン レベルデザインについて」の資料です。 講師：大野 功二（QAマネージャー｜ユニティ・テクノロジーズ・ジャパン合同会社） ※【Unite Tokyo 2018 Training Day】ProBuilderで学ぶレベルデザイン ProBuilderをマスターしよう！ の資料はこちら https://www.slideshare.net/UnityTechnologiesJapan/unite-tokyo-2018-training-dayprobuilder-probuilder ■ワークショップ内容 人気アセットProBuilderはUnityに統合され
人と機械の新しい関係を作る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代表として様々なプロダクトデザインにかかわるとともに、慶應義塾大学大学院で教授として教鞭もとっている。東京大学工学部の在
機能は UX だけで決まらない、という話
こんにちは、開発の久郷です。 そろそろお盆ですが、みなさん休みの間のバカンスなど準備は万端でしょうか。 今年の夏は、ジメジメともせず暑さも厳しすぎるというほどでもなく、気持ちのいい夏のように 感じます。 さて、本題です。 IT 界隈でUX(ユーザーエクスペリエンス)が持て囃されてしばらく 経ちますが、UX とはなんなのでしょうか？ エンド・ユーザーが使った際に経験する 「楽しさ・心地よさといったプラスの感情」を価値として提供することを重視するコンセプト 最近では、よりわかりやすく「気持ちいい」とか表現されたりしていますね。 UX = UI デザインというイメージが強くなっています。 スマートフォンなどの情報端末では、空白が多くリッチに画面を使うデザインや、メニューや ボタンがなく情報の階層が比較的浅く情報が絞り込まれています。 また、画面も同時に複数表示は無く目の前のことに集中できるように
AndroidのUI自動テストツール Scirocco 触ってみた。 - しかじろうがプログラム作るよ！
テスト大好きしかだよ。Scirocco っていうUIテスト自動化ツールがリリースされたので触ってみました。 Scirocco Zガンダムのパプテマス・シロッコと関係があるかわからないですが、UIテストの後スクリーンショットを撮って保存したり、レポートを出力することが出来るみたいです。さらに、TMSってのを使うと、プロジェクトメンバーと共有もできるらしい。業務支援ですな。 中ではrobotiumを動かしてるので、記述は簡略されてます。 公式サイトのQuick Start をやってみます。 http://code.google.com/p/scirocco/wiki/QuickStartScirocco Eclipse Plug-in インストール Eclipse Plug-in があるとは！早速インストールしてみます。URLからインストールできます。 http://184.73.200.19
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
in the looop | Looops communications
勘違いだらけのAndroid UIデザイン
Loading...
UI＆UX / 重要なのは、毎日さわって嬉しい UI UX!
layer8.sh
http://blog.iaspectrum.net/2011/12/23/designing-interfaces-2nd/