デザイニング・インターフェース - Tommy Heartbeat 2nd
「友だちに借りた本だったけど、結局、自分で買っちゃった。」 Web システム開発に関わっていると、クライアントから「エクセルみたいな感じで…」と言われることが多々ある。言わんとすることは分からなくはないが、マネて欲しい部分とマネて欲しくない部分があるはず。でも、それがどこかを厳密にコミュニケーションすることはとても難しく、どーしても齟齬が発生することになってしまう。その結果、出来上がってから厳しい変更要求が上がってくることもあるだろう。 原因の一つは、ユーザーインターフェースに関する共通言語がないこと。「この部分は、デスクロージャートライアングルで、こっちはアコーディオンレイアウトで」と、コミュニケーションできれば、かなり改善するに違いない。…とゆー訳で、本書。 デザイニング・インターフェース ―パターンによる実践的インタラクションデザイン 作者: Jenifer Tidwell,ソシオメ
【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating
Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人って誰かのために技術を使える人なんじゃないか、と。情報デザイン学科を専攻し、サービスデザインやUXと言わ
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
様々なイケてるUIを参考にできるサイト | バシャログ。
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
iPhone/iPadアプリデザインで使っているツール
企画やらUIを考えるツール iPhone Idea Sheet（PDF） 三階ラボさんのアイデアシート（PDF）。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。 印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。 紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo（Web） UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。 Interface HD（iPad App） iPad上で、iOSパーツを組み合わせて
ssig33.com - ネイティブアプリ並のウェブアプリを云々
なんか最近そういうの流行ってるようですね。僕も考えを書いてアクセス数を稼ぎます。 ページ遷移を過度に抑えようとするな 下手に AJAX 使いまくるぐらいならページ遷移したほうがマシであることが多いです。世の中にはページ遷移を抑えようとして酷いことになってる JS を沢山見ます。よく考えろ。 ローカルストレージを活用しない localStorage に画像とか放りこむの異常に重くなるのでオススメしません。認証持たないサービスで設定値保存するのに使うとかに留めた方がよいと思う。 非同期な API 絶賛してて気に食わない感じはしますがこの記事を一読することをお勧めします。 localStorage は小さなデータをいくつか入れる分には十分に高速です。大きなデータを入れると十分に低速です。 scroll イベントに対してリスナーを置かない scroll イベントの監視は実際最悪のアイディアです。こ
ネイティブアプリのようなWebアプリを作るために
※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基本的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり＆カクカク」な印象のあるWebアプリの操作
【スマートフォン向け開発】ユーザビリティチェックリストを作ってみた
最近はスマートフォン系の開発から離れてしまっているので、感覚が鈍らないうちに（備忘録も兼ねて）スマートフォン向け開発（主にネイティブアプリ開発）におけるユーザビリティチェックリストを作ってみました。 ちなみに、このチェックリストは以下が前提となっていますのでご了承ください。 ・独自性を生み出すようなものではない ⇒現在のスマートフォンアプリのメインストリームの中で、アプリの印象をより洗練されたものにするためのポイントです。 ・案件の内容に関わらず意識すべきポイント ⇒ある程度汎用性の高いチェックリストになっているとは思います。 それでは、全てベーシックな内容ではありますが、その中でも特に基本的なものから説明していきます。 ※僕がiPhoneユーザーということもありiPhoneの画面イメージばかりが並んでいますが、全てAndroidでも使えるチェック項目です。 小さくし過ぎない、詰め込み過ぎ
ウェブサイトのユーザビリティに関する最高の秘訣20か条 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
昨日、ウェブサイトのリーダビリティに関する記事を配信しましたが、意外と好評でした。ということで、2匹目のドジョウを狙って今回はユーザビリティについての記事を紹介したいと思います m(__)m ウェブデザイナーにもSEO担当者にも、基本ながら一読の価値ある内容。 — SEO Japan ユーザビリティは、ウェブサイトにとってものすごく大切なことだ。訪問者が素早く簡単に楽しくウェブサイトにアクセスしてそれを使うことができなければ、ウェブサイトの外観がどんなに格好良くても、コンテンツがどんなに素晴らしくても関係ないのだ。訪問者の多くは、ただ諦めて他のどこかに行ってしまうだろう。 それでは、どうやってできる限り使い易いウェブサイトを作ればいいのだろうか？あなたはラッキーだ。だって、この記事ではあなたのウェブサイトのために20個のユーザビリティの秘訣を特集しているのだ。テクノロジーは常に変化するため
ウェブサイトのリーダビリティを改善するための5つの秘訣 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
「リーダビリティ」なんて書くと偉そうに聞こえてしまいますが、ようするに「読みやすさ」ということですね。直接SEOには関係ないと思われる方もいるかもしれませんが、パンダやペンギンはサイトの直帰率や滞在時間を考慮しているなんて説もありますしｍコンテンツ重視のSEOが求められる現在、せっかく作ったコンテンツを内容が良いにも関わらず読みにくさから途中で帰られてしまうなんて事態を最低限にするためにも、サイトのリーダビリティは重要です。今回はそんなリーダビリティを向上するためのティップスを5つ紹介した記事をrespystudiosからどうぞ。 — SEO Japan より読みやすいウェブサイトとは、改良されたユーザービリティと楽しんで読む体験を意味する。私たちは皆、ユーザーのためにそれを欲しているのではないだろうか？ この記事では、ウェブサイトのリーダビリティを改善することができる5つの簡単な方法を検
指につけて使える、タッチパネルデバイス用コントローラー『Ringbow』 | 100SHIKI
指につけて使える、タッチパネルデバイス用コントローラー『Ringbow』 June 27th, 2012 Posted in ガジェット・ハードウェア Write comment なんだか昔似たようなアイテムがあったような気もするが、スタイリッシュだし、Bluetooth対応だったりするのでご紹介。 とはいってもまだKickstarterで出資募集中ではあるが。 まぁ、それはいいとして、Ringbowは、指につけて使えるコントローラーである。ちょうど指輪のような形状をしており、そこにスティックやらがついている。 またBluetoothに対応しているので無線で接続できるし、バッテリーは5時間ぐらい持つらしい。 タッチパネルとの連携を強く意識しており、タッチパネルだからどうせ指を使うし、そこで追加のコントロールができたら良くね？という発想らしい。 たしかにこうしたコントローラーがあることで、わ
COOKPADの「伏せ字にせず入力」ボタンは素晴らしい
@tokuhiromから教えてもらったのですが、COOKPADのスマートフォン向けWebサイトのログインページには、パスワードを「伏せ字にせず入力」するボタンがついているのですね。 さっそく見てみましょう。まずはログイン画面です。パスワード欄の下側に、「伏せ字にせず入力」ボタンが見えます。 「元に戻す」ボタンを押すと、伏せ字に戻ります。 僕はこれを知って興奮しました。なぜなら、拙著「体系的に学ぶ 安全なWebアプリケーションの作り方」には以下のように書いたからです（P337～P338）。 パスワード入力欄のマスク表示は、現在の常識的なガイドラインですが、実は筆者自身は疑問を持っています。パスワード入力欄をマスク表示にすると、記号や大文字・小文字交じりの安全なパスワードを入力しにくくなるので、利用者は簡単な（危険な）パスワードを好むようになり、かえって安全性を阻害するリスクの方が大きいのでは
UIデザイナーが知っておくべきエンドユーザーの10の特徴
ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフェース（UI）は同じように作られていないという事実が明らかになってきている。実際のところ、コンピュータの使い方に革命的な変化をもたらすような素晴らしいUIデザインもあり得るだろうが、エンドユーザーを念頭に置いていないものは、その素晴らしさを証明する間もなく失敗作という烙印を押されてしまうはずだ。 筆者は長年に渡るコンピュータ経験のなかで、ほとんどすべてのLinuxデスクトップと、あらゆるバージョン
APP｜Leap Motion
Say hello to the second generation of our iconic hand tracking camera We remove boundaries between physical and digital worlds - for anyone, anywhere. Say goodbye to hardware… Say hello to human technology. Our hand tracking and haptics are powering the next wave of human potential. No controllers. No wearables. No touchscreens. Just natural interaction.
かっこいいWEBは物が売れるのか
日本人の意地にかけてイギリスのダサイ病院のWEB見つけた。が、ダサイ程度では似たり寄ったりだがさすがに↑の中華思想みたいな色のは無かった。まあ、やる気の無い同士で比べても意味ないッス・・・ しかしこの人の「かっこいい」と挙げているサイトがFlashバリバリの時代遅れのものばかりで、どうも日本人とは感覚が違うのね、と思ったわけ。まとめサイトみたら同じこと言ってる人がいて感心した。 27番の投稿に完全同意です。 アメリカのサイトと日本のそれのデザインを比べても、日本のラップと本場のそれを比べて「日本語はダサイ」と言ってるのと大差なく、とにかく漢字自体がもともと横書きでは無くて縦書き用だし、WEBはもともと横書きの英語にあわせて作られているのでずるいわけです。 そもそも日本とアメリカでの価値観に大きな差があります。日本の官公庁なんて国民の誰１人も「クールにデザインして欲しい」って望んでないのでか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2009/04/wireframe-2.html
in the looop | Looops communications
Disney Researchで次世代タッチセンサー「Touché」開発に携わった東大大学院生
勘違いだらけのAndroid UIデザイン
Loading...
