企画が考えるスマホUIデザイン【Unite Tokyo 2018 Training Day】ProBuilderで学ぶレベルデザイン ProBuilderをマスターしよう！
Slide-out Navigation という新しいユーザインターフェイスのパターン
これは面白そう。 以下、引用： ソフトウェア開発における「プロトタイプ」とは、シミュレーションを目的とした試作品のことをいいます。本書で解説するプロトタイピングは、主に紙などを使った「低精度プロトタイピング」を中心とした手法です。リスク回避や初期段階における可能性の模索をメ...
エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
ロゴを作製する場合、気になるのは「目立つこと」。当たり前ではあるが、徹底的に他社の事例を調べてみることが重要だ。 エバーノートのロゴには象が描かれているが、これは「象は決して忘れることがない」という逸話から導かれたもの。“永遠”を大事にする社風と、ほかのIT企業が使っていないからという理由で象を採用することはすんなり決まったようだ。 しかし強く配慮する必要があるロゴがあった。米国の共和党のロゴだ（写真2）。印象が似てしまわないよう、デザインでは“星”を排除し、色を共和党ロゴが使っている赤と青とは違う色を採用することにした。ハイテク企業を調べてみると、緑を使っている企業が少なかったことから、最終的に緑色に落ち着いた（写真3）。 ほかに注意した点としては抽象度があったという。シンプルにするために、抽象度を高めたところ、「クジラに見える」という人もいた。結局、中間的なところに落ち着いたのだという
ネットに不慣れな層を対象にしたウェブサービスを作るうえで気をつけるべきUIのポイント10個｜blogs.com｜おもしろブログ記事のまとめサイト
はてブ twitter delicious livedoor クリップ Tumblr Instapaper メールで送信 IT・Web 2010.06.14 0 山田井 ユウキ ウェブサービスを運用する上で、運営サイドはつい「これくらいは常識だろう」という発想からユーザーインターフェースを考えがち。 でもネットに慣れている方にとっては当たり前のことでも、こと年配の方になるとそうはいかないことが多々あります。 「キャズムを超えろ！」から、そんな団塊～シニア層に向けたユーザーインターフェースのポイントをご紹介します。 ID，ニックネームを考えさせてはいけない。半角英字開始限定は論外 パスワードに英数混在や5文字以上を強制すると問い合わせ激増，アクティブ会員率減 チェックボックスで項目選び、別のボタンで操作を決定するUIはわかりにくい フォントサイズはブラウザ設定で可変できないとだめ アイコンは
Pttrns — Mobile User Interface Patterns
Stay ahead of the curve and become a better interface designer. With a Pttrns membership, gain access to thousands of curated mobile design patterns, get online advice, and connect with other designers from all over the world. What you get UX and UI Patterns Learn and follow industry best practices that can be applied to your app to help ensure the best user experience possible. App database Save
ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」:phpspot開発日誌
Lumzy ブラウザ上でサイトのモックアップを光速で作成できるサービス「Lumzy」というのが公開されているみたい。 デザイナーさんであれば、Photoshopでまずデザインを作るより、顧客にどういうサイトを作るか、イメージしてもらうためにモックを作るわけですが、それがブラウザ上で高速にできちゃいます。 ネットブック片手にブラウザさえインストールしてネット環境さえあれば、顧客と相談しながらサイトのレイアウトを作っていっちゃえますね。 サインアップとか無しにすぐに使えるところもGoodで、Flashを使った直感的なUIでモックアップをサクサク作れちゃいます。 ツールを立ち上げると、まずプロジェクト作成画面がでるので適当にいれて「Create Project」します。 作成すると、ボタンとかメニューバー、リスト、データグリッド、コンボボックスなどのありとあらゆるUIパーツが最初からそろっていて
WEBアプリケーション作成に使われる４３のコントロールパターン:phpspot開発日誌
43 Essential Controls for Web Applications | UX Booth WEBアプリケーション作成に使われる４３のコントロールパターンがまとまっています。 ４３のパターンが網羅されているので、部分的に、どういうインタフェースが良いか？という点について迷った際にエントリを眺めるだけで参考になる部分がありそうです。 オートサジェスト カルーセル カレンダー、スケジュール グラフ、チャート コンボボックス スライダ ４３と言わずもっとありそうな気もしますが、ある程度のパターンを知っておき、適材適所のUIを考えてユーザビリティを上げるのに役立てることが出来そうですね。 それぞれのUIにも沢山のインタフェースがあると思いますが、その場合は「パーツごとのデザインが盛り沢山で参考にできるPattern Tap」で紹介したPatternTapなどを更に参考に出来そうです
iPhoneアプリのインターフェースデザインがざくざく見られる『TappGala』 | 100SHIKI
これは便利ではなかろうか。 TappGalaではiPhoneアプリのインターフェーズデザインをざざっと眺めることができる。 ここのインターフェースはどうするべきかなぁ、と悩んでいるデザイナーやエンジニアにおすすめだ。 なお、このサイトで紹介されているそれぞれのアプリの画面は数枚だが、ちゃんとiTunesへのリンクもあるので、気になるアプリがあればダウンロードや購入して確かめてみるといいだろう。 またもちろん自分で作ったデザインも投稿できる（審査があるかどうかはちょっと不明…）。腕におぼえのある人はいかがだろう。 新しいプラットフォームであるiPhoneやiPadのインターフェースデザインがこうしてまとまっていると便利ですな。
シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」:phpspot開発日誌
シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」 2010年10月22日- simpleColorPicker jQuery plugin シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPicker」。 次のような超シンプルで逆に使いやすそうなカラーピッカー実装が簡単に１行で行えるプラグインのご紹介。 $(inputElement).simpleColorPicker(); として初期化するだけで実装できます。 色をクリックすればその値がそのまま入ります。 こうしたコンポーネントはどんどんリッチになる傾向がありますが、原点に戻ってあえてシンプルに考えることで使いやすいものが出来るのかもしれませんね。 関連エントリ JavaScriptで使えるカラーピッカー作成ライブラリまとめ リッチなカラーピッ
IA100 —ユーザーエクスペリエンスデザインのための情報アーキテクチャ設計 (株式会社ビー・エヌ・エヌ新社)
「情報アーキテクチャ（IA）」について体系的にまとめた日本で初めての書籍！ 情報アーキテクチャは、Webに関わる人であれば身につけておきたいスキルです。本書は、ユーザー調査、コンテンツ分析、コンセプト定義、そして実際の設計までをカバーしており、IAについて“これだけは知っておきたいポイント”を100項目にまとめ、見開きで1つずつわかりやすく解説しています。著者は日本を代表するインフォメーションアーキテクトの一人、株式会社コンセント代表の長谷川敦士氏。本書を読めば、IAの全体像をつかむことができるでしょう。 ISBN：978-4-86100-577-0 定価：3,360円（本体3,200円＋税） 仕様：224ページ／A4変型 発売日：2009年10月27日 著者：長谷川 敦士 著者について 長谷川 敦士［はせがわ あつし］ 1973年山形県生まれ。東北大学理学部物理学科卒業。
7 Rich & Creative User Interfaces and How to Create Your Own - noupe
There are plenty of perfectly acceptable and functional websites out there that don't use dynamic content. But what if you want to give your site that little something extra that makes your visitors say "Wow"? What then? Maybe you'll find your answer below. There are tons of great, creative user interface options featured below, from modal windows to live search to hover effects. But they aren't j
使い易いユーザーインタフェースとは何かを勉強しています。そこで、質問です。使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてくださ.. - 人力検索はてな
使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください 条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるインタフェース - あなたが実際に体験したインタフェース よろしくお願いいたします。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter / Yutaro Kuroko: i.ntere.stのなにが良いかって、理屈抜きでデ ...
http://ukijs.org/mail/index.html
Android UIのデザインパターンを集めた『Android Patterns』 | 100SHIKI
Webソフトウエアのデザイン | iKnow!の作り方 | Think IT（シンクイット）
Amazon.co.jp： 誰のためのデザイン?―認知科学者のデザイン原論: 本: ドナルド・A. ノーマン,野島 久雄,D.A. ノーマン