ソシオメディア | モードレス・ユーザーインターフェース
ソシオメディアは、良いUXを実現するためのアプローチとして、モードレス・ユーザーインターフェースを提唱しています。 モードレス・ユーザーインターフェースの考え方は新しいものではなく、皆さんが普段接している GUI や、その開発手法であるオブジェクト指向プログラミングのコンセプトにもともと備わっているものです。ただしこれまでUIデザインのノウハウとしてはあまり明文化されてきませんでした。そこで、私達が実践に努めているモードレスUIデザインの方法論をまとめてみます。ここに述べるUIデザインのノウハウは、実効性の計りにくいプロセス論ではなく、UIの成果物に直結する具体的なデザインパターンである点に着目してください。 モードレス・ユーザーインターフェースの利点 UXに関する様々なメソッドの中で、意思決定の上流における要求分析や、実装に直結した視覚表現等についての方法論は多く議論されてきました。しか
ソシオメディア | OOUI – オブジェクトベースのUIモデリング
最近、OOUX という言葉を見聞きしました。これはオブジェクト指向の利用者体験（Object-Oriented User Experience）のことで、いくつかの記事を読んだところ、アプリケーション設計において画面とデータを対応づける際にオブジェクトを手掛かりにするという方法論のようです。つまり OOUX は「オブジェクトベースのUIモデリング」と言い換えることができそうです。そうすると実は以前からそのようなデザイン手法はあり、「OOUI（オブジェクト指向ユーザーインターフェース）」と呼ばれていたのです。最近になって OOUX という言葉が使われるのは、OOUI のことを知らなかったか、もしくは流行語である「UX」を用いた方がかっこいいと考えたからではないでしょうか。 「オブジェクトベースのUIモデリング」というデザイン手法は、GUI アプリケーションをデザインする際の基本的なテクニック
Chardin.js
Chardin.js - Simple and beautiful overlay instructions for your apps.
GUI To Meet You Two: Free UI Resources for Game Developers
Some time back, I wrote a long list of free user interface resources for indie developers for IndieStatik.com – user interface design, of course, being a particular and ardent love of mine having worked for a UI artist for a while now. Since that version isn’t cached anymore, I’ve decided to rewrite the list with a bunch of new additions to spread that love of sleek, easy user interface design. So
Prottが絶好調らしいUIデザインファーム・グッドパッチのオフィスへGO！ | キャリアハック（CAREER HACK）
UIデザインファーム・グッドパッチの東京オフィスへGO！渋谷に本館と別館を構えるグッドパッチのオフィス環境と働き方とは？ 国内屈指のUIデザインファームのオフィスって？ グッドパッチの東京スタジオはJR渋谷駅の埼京線ホーム近くにあります。 エレベーターに乗って早速3階へ！降りるときれいなエントランスが右手に。 オフィスは左手。 重厚感ある扉を明けてオフィスへ！ 広い…！手前はミーティング＆フリースペース、奥はThunderboltディスプレイが並んでいて、まるでアップルストアのようじゃないか！ 大型スクリーンも完備。ミーティングに使っている机は卓球台！ まずはフリースペースから。ソファに座ってリラックスしながらお仕事中のメンバーの方々。よく見ると台車に乗ってて簡単に移動できるようになってる！ 奥のディスプレイがきになってみてみると…2015年5月に開設されたグッドパッチのベルリンオフィスの
Webデザインのアイデアに困ったら！参考になるさまざまなコンポーネントやレイアウトをまとめた -Call to Idea
Webページによく使用される、アイテムを並べるリスト、ギャラリー、タブ、ナビゲーションといったさまざまなコンポーネントをはじめ、打ち出しコンテンツのレイアウト、サンプルの表示方法、AdWordsの配置、データがない状態のレイアウトなど、Webデザインのアイデアをまとめているサイトを紹介します。
jQueryで1ページごとにスクロールして画面遷移させるUIを実装する方法｜BLACKFLAG
以前、iPhone5sのプロダクトページがリリースした頃に『簡単にパララックス実装可能な軽量スクリプト「skrollr」＆コンテンツごとにページスクロールするjQueryプラグイン「fullPage.js」「One Page Scroll」』と題して1ページをフルスクリーン表示にして、画面全体をスクロールさせることで、1ページ分（1コンテンツ分）を画面遷移させるUIを実装できるjQueryプラグインを紹介しましたが、自分なりにもっと使いやすい形で実現できないかやってみた実験をご紹介してみます。 【2014/08/05 追記】 各ブロック内での横スライド機能を追加しました。 まずは動作サンプルから。 下記のサンプル画面でマウスホイールスクロールもしくは画面右側のナビゲーションボタン等を使って画面（ページ）を切り替えてみてください。 「jQueryで1ページごとにスクロールして画面遷移させるU
PSD形式のUI素材をダウンロードできるフリー素材まとめサイト7選
サイト制作ではフリー素材のお世話になることも多い... / PSD素材まとめサイト5選 / freethroww他...全10件 サイト制作ではフリー素材のお世話になることも多いですよね。ラスター形式の素材は、拡大縮小などするとぼやけてしまうため編集するときに不便ですが、PSDで配布されているものは、ダウンロードしたあとも編集しやすいので重宝します。 そんな何かと重宝するPSD素材を探すときに便利な素材まとめサイトを集めました。
UI DESIGN
This board is a showcase of some of the best examples of UI Design for Mobile Apps and the Web.
スタイリッシュなフォームを作るときに見るべきエントリまとめ
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 １，２，３，
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chart.js
Behance :: Interaction on Behance
CodyHouse | Web Design Nuggets
Design and Marketing News - Designerly
Android Niceties
フラットUI
UIデザイン