企画が考えるスマホUIデザイン
ゲームシナリオ構成論 The Method for the game sinario writings for multi-ending adventur... This paper is the resume for the class of game scenario construction method for young planners at VANTAN Game Academy from October, 2011 to February, 2012. 2011年１０月～2012年２月にバンタンゲームアカデミーにてプランナー志望者対象にシナリオ構成法の講座を持った時の資料用レジュメをまとめたものです。 【2015/07/01追記】 このレジュメが生まれた背景をtogetterから引用しておきます。 この手のものは実践重視ですので、なんでこんなものが生まれたのかを知らないとあ
Slide-out Navigation という新しいユーザインターフェイスのパターン
x-callback-url とはURLスキームを利用したアプリ間連携の仕組み。他アプリを呼び出すだけでなく、その名（コールバック）の通り呼び出し元で結果を受け取るまでの一連の動作を定めている。 x-callback-url 現在は 1.0 DRAFT...
エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
2012年2月3日、“シリコンバレー流”のユーザー・インタフェース（UI）やユーザー体験（UX）、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ本社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏（写真1）。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIとUX、ブランド構築のポイントは、以下の9点にまとめられる。 1）最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える
ネットに不慣れな層を対象にしたウェブサービスを作るうえで気をつけるべき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で使えるカラーピッカー作成ライブラリまとめ リッチなカラーピッ
Webソフトウエアのデザイン
ほかのサイトを研究する 今回は、Webサイトのデザインをすることに対して、Webソフトウエアのデザインと開発することについて紹介します。過去約5年にわたり、ソフトウエアの提供をオンラインへ移行するという傾向が強くなってきました。これらのサービス範囲は、Eメールから、ブログや、写真の保存、管理にまで及びます。これらのWebアプリケーションと典型的なWebサイトとの主な違いの1つは、アプリケーションとユーザー間のインタラクションの種類が豊富であることです。 iKnow!（http://www.iknow.co.jp/）のWebアプリケーションは、いくつかの一般的なWebサービスと、より特有のWebアプリケーションを組み合わせて作っています。私たちはサービスをデザインする時、いくつかのほかのサイトでのサービスへの取り組み方を見て、どんな改善ができるかを考え、そこから、より私たちのアプリケーション
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のなにが良いかって、理屈抜きでデ ...
https://ukijs.org/mail/index.html
Android UIのデザインパターンを集めた『Android Patterns』 | 100SHIKI
Amazon.co.jp： 誰のためのデザイン?―認知科学者のデザイン原論: 本: ドナルド・A. ノーマン,野島 久雄,D.A. ノーマン