Webアプリケーションを作るのに便利そうなコンポーネント群·UIKit MOONGIFT
UIKitはWebアプリケーション向けのダイアログ、カラーピッカーといったコンポーネント群を提供するライブラリです。 最近、TwitterのBootstrapが人気ですが、同じようにWebアプリケーションをデザインする際に使えそうなコンポーネント群がUIKitです。 まずダイアログ系のコンポーネントです。 閉じるボタン付き。 グレーアウトしたダイアログ。 HTML埋め込みもできます。 カラーピッカーコンポーネント。 確認ダイアログ。 通知（右上）。自動的に消える設定もできます。 コンテクスト（右クリック）メニュー。 主なコンポーネントとしては、ダイアログ、確認ダイアログ、カラーピッカー、クリックで回転するカード、通知、メニュー、ボタン式のドロップダウンとなっています。デザインがすっきりとしているので今風のWebアプリケーションに似合いそうです。 UIKitはHTML5/JavaScript
Metro UIは「UXアプリ養成ギプス」 : 小野和俊のブログ
昨日、今日とWindows Developer Days(WDD)に参加してきた。二日間セッションに参加して感じたのは、「Metro UIは『UXアプリ養成ギプス』だ」ということである。 デザインの原則がある。 例えば原則のひとつに、”Content before Chrome”というものがある。これは、「コンテンツを主役にし、ツールバーやメニュー等のコンテンツへの没入を妨げるものは最小限にする」というものだ。 こうしたデザインの原則やガイドラインがきちんと決められている、ということは重要なことではあるが、それ自体はさほど驚くべきことでもない。先日ブログに書いたように、最近の主要なプラットフォームには、大抵UX/UIのデザインガイドラインが定められているからだ。 では私が何に驚いたかというと、Metro UIではこのデザインガイドラインが「半強制」されていることだ。 UX/UIに意識の高い
UX/UIデザインガイドライン : 小野和俊のブログ
このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、「ここは○○ガイドラインの△△パターンを使うのはどうかな？」というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップル ヒューマンインターフェースガイドライン ・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M
DECOLOGを運営するミツバチワークスの新サービス「タテヨコに動く写真アルバム”slidrop”」、CEOの光山氏をインタビュー【三橋ゆか里】 | TechWave（テックウェーブ）
約2年前、初めて”DECOLOG“という女の子のためのモバイル・ブログサービスを紹介しました。かなりの反響があって、その後もDECOLOGをあらゆるメディアで目にしてきました。当時60億だった月間ページビューは65億になり、未だ成長を続けています。とことんユーザの声を取り入れて作り上げられた大好きなサービスのひとつです。 そんなDECOLOGを運営するミツバチワークスが、新たに”slidrop“（スライドロップ）というサービスをリリースしました。現在iPhoneでダウンロードできるこのアプリは、多くの写真共有サービスに共通する縦のタイムラインだけでなく、横のスライドも取り入れた斬新でユニークなアプリ。ミツバチワークスの代表取締役の光山一樹さんに、アプリを作るに至った背景、つくる過程での物語り、今後などなどたっぷりお話を伺ってきました。 “slidrop”が生まれた背景 DECOLOGという
KLab製。AndroidでiOSのような画像表示が実現するUIコンポーネント·KLab iPhoroid UI MOONGIFT
KLab iPhoroid UIはiOS風のリスト、カバーフロー、グリッドビュー、フロービューをAndroidに提供するUIライブラリです。 KLab iPhoroid UIはAndroidでもiOSライクなユーザ体験を実現するライブラリです。写真をスムーズに見せる洗練されたUIを実現できます。 デモアプリです。リストです。 写真一つの表示です。スワイプで写真を切り替えられます。 メニューです。 グリッド表示です。 KLab iPhoroid UIではカバーフロー、リストビュー、グリッドビュー、フロービューが実現できます。導入の容易性、堅牢なメモリ管理、表示の奇麗さ、MVC構造といった特徴をもっています。 KLab iPhoroid UIはAndroid用のオープンソース・ソフトウェア（Apache License 2.0）です。 MOONGIFTはこう見る iPhoneとAndroidは
Appleとマイクロソフトのデザイン部門のトップ(ジョナサン・アイブとサム・モロー)のインタビューとWindows 8の大きな一歩 - FutureInsight.info
Appleのデザイン部門のトップであるジョナサン・アイブのインタビューが掲載されるということで非常に楽しみにしていた今月号のBRUTUS Casa。ジョナサン・アイブがインタビューに応えることは非常に少ない(昔クーリエ・ジャポンの特集で読んだくらい)ので、2ページの記事でしたが読んで良かったと思う素晴らしい内容でした。他の特集も非常に面白く今月のCasaは買いだと思います。Casa BRUTUS (カーサ・ブルータス) 2012年 03月号 [雑誌] マガジンハウス 2012-02-10 売り上げランキング : Amazonで詳しく見る by G-Tools ジョナサン・アイブの強い言葉とデザイン哲学 詳しくはCasaを読んで欲しいのですが、僕が非常に印象に残ったのは、以下の言葉。 つまり会社の設立とはアイデアを実行するためにあるわけです。そして会社として実際にデザインをし、開発をして製造
エバーノートのクリエイターが教える「魅力あるUIとUX」の極意
2012年2月3日、“シリコンバレー流”のユーザー・インタフェース（UI）やユーザー体験（UX）、ブランドのデザインをテーマにしたトークセッションが、デジタルガレージ本社で行われた。 登壇したのは、米エバーノートでクリエイティブディレクターを務めるゲイブ・キャンポドニーコ氏（写真1）。米アップルでの勤務経験も持つ同氏は、この数年にわたるエバーノートのアイコンのデザインからブランド構築までの数々の経験談を語った。 同氏が講演で指摘したUIとUX、ブランド構築のポイントは、以下の9点にまとめられる。 1）最初から編集に着手してはいけない 最初の教えは、「いきなり編集に着手してはいけない」。同氏がデザインする際に心がけているのは、できるだけたくさんの情報を収集すること。そのために同氏は、たくさんの人に会うのだという。 エバーノートには創業時から参加することになったので、同氏はまず企業ロゴを考える
jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
サッカー見ながらスマホを振り回すと世界中のサポーターと繋がるぞ！ ペシペシ叩いても可！ 応援合戦も可!!
» サッカー見ながらスマホを振り回すと世界中のサポーターと繋がるぞ！ ペシペシ叩いても可！ 応援合戦も可!! 特集 なにやら新時代のサッカー応援スタイルが開発されたらしい。生観戦でもテレビ観戦でも、サッカー観ながらスマホをブンブン振り回したり、ペシペシと叩いたりすると世界中のサポーターとつながってしまうというのだ！ 先日行われた「FIFAクラブワールドカップジャパン2011」の準決勝、ヨーロッパ王者FCバルセロナ VS アジア王者アル・サッドの試合にて、そんな新時代の応援合戦が行われるとのことなのでチェックしてきたぞ！ 会場内には熱心なサッカーファンがわんさか集まり、全員、Android対応のスマホなりタブレットPCを持っている。使うアプリはソニーの『バモれ。アプリ』。起動したら自分が応援するチームを選択し、あとは感情のおもむくままブンブン振り回したりペシペシと叩いたり、とにかくアクション
世界初｢水の手触りや感触｣のメカニズムが解明される 目隠しされると、水の感触ですらリアルかバーチャルかの区別がつかなくなる!?
世界初｢水の手触りや感触｣のメカニズムが解明される 目隠しされると、水の感触ですらリアルかバーチャルかの区別がつかなくなる!?2011.11.25 14:00 山形大学大学院理工学研究科准教授の野々村美宗さんの研究チームが、｢水の手触りや感触｣を世界で初めて解明したそうです。 研究チームは、ガラス板に指で液体を塗る動作に着目して以下の内容をコンピューターシミュレーションによって調査したそうです。 ・指先の摩擦抵抗の変動を解析 ・指先にある4種類のセンサー（触覚受容器）の刺激がどのように脳に伝えられるのかを調査 水以外にもアルコールや油など様々な液体も比較したそうですが、水の感触は他の液体と比べると特殊だそうで｢パチニ小体｣と｢マイスナー小体｣という2つの受容器の反応が異なることが分かったようです。 この研究結果を元に、超音波振動で水を塗る時に指先に加わる刺激を再現した装置を作って試したとこ
スマートフォンサイトを作る時に便利なフリックが実装できるjQueryプラグイン7選
スマートフォンを使うときによく使う操作方法としてフリックがあります。このフリックの操作でギャラリーができるjQueryプラグインを集めました。 Androidを持ってないので、全てがAndroidで動くかは未検証ですがだいたい動くと思います。 flickGal 自分が一番つかってるのがこのflickGalです。 PC（IE以外）でも動作します。 flickGal・・・iPhoneでフリックギャラリーを簡単に実装できるjQueryプラグインです – piglovesyouの日記 flickable こちらはPCでフリックができるようにできるプラグインです。そのままスマートフォンでも使えます。 PCでも（IE6でも）よく動きます。 jQuery.flickable: iPhone and Android like flick scrolling plugin flickSimple こちらもP
［ #CEATEC ］押したらカチッ！ クリック感や操作感を体感できるタッチパネル
［ #CEATEC ］押したらカチッ！ クリック感や操作感を体感できるタッチパネル2011.10.04 11:26 カチッ！ ブニュッ！ 触感あるタッチパネル！ タッチパネルって直感的に操作できて便利ですよね。でも...時々押せてるのか押せてないのかわからなくなる...。それを解消してくれるこの新感覚タッチパネルは、押したら実際にカチッとクリックする感覚や、ブニュッと柔らかいものを触った感覚を実感することができます。実際に体験してきましたが、タッチパネルなのにマウスをクリックしてるようなカチッと感を味わうことが出来ましたよ！ 押すボタンによって、いろんな感触が味わえるのが新鮮でした。タブレットPCとかに導入されてほしいです。 （佐脇風里）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン | Android Developers
Sony Japan | VAMOS VIEWING
ジェスチャーで操作できるAndroidスマートフォン、韓国パンテックが発表
指の部位を識別するタッチスクリーンの新技術「TapSense」が凄い！
Webデザイナーのためのandroid用レイアウト講座
Engadget | Technology News & Reviews
Engadget | Technology News & Reviews
Kinectが開いたジェスチャー入力の市場と可能性