UI Sources | Mobile Design Patterns and Interactions
If you're facing payment issues, send me an email at abhinav@uisources.com for alternative methods Real design inspirationBrowse recordings of end to end user journeys from the top grossing apps to reduce iteration cycles, gain insights, identify trends & benchmark against your competitors and industry’s standard. Stop spending time reinventing the wheelAre you and your team spending time figuring
クックパッド流UIの作り方 - takeshi nagayama's blog
なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発 各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ 全体のデザインを束ねる → デザインガイドライン ガイドライン Sassで統一的なものを提供する 画像を使わずにCSSでデザインするメリット mixinをつかって統一できる 画像編集がいらない プロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく 検証を
流れに対する想像力 - レジデント初期研修用資料
待ち時間を短くする、あるいは「待った」感覚を減らすための方法について。 米国の、医療過誤訴訟を回避するためのマニュアル本では、とにかく患者さんを待たせてはいけないこと、 待たせたときには、すぐに謝ることが大切なのだと、訴訟回避の方法を紹介している。 待たせないことは最善だけれど、なかなか難しい。絶対的な待ち時間を減らすことは、あるいは難しいのかもだけれど、 お客さんの「待った感覚」を減らすための工夫というのは、まだまだやりようがあるような気がする。 「気にかけています」というメッセージ 待ったお客さんというのは、しばしば不快を感覚するけれど、 その中でも特に、、「自分が流れから取り残された」という感覚が、怒りに直結するのだと思う。 たとえばマクドナルドで注文をすると、問答無用で「トレイ」を渡される。中で食べていくお客さんはもちろん、 持ち帰りの商品を注文しても、中で並ぶと、とりあえず自分用
これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」:phpspot開発日誌
これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」 2009年05月28日- jQuery Ribbon - Home これは注目！jQueryでExtばりにリッチなＵＩが実装できる「jQuery Ribbon」。 利用すれば、コントロールのグルーピングや、ドロップダウンメニュー、階層リストなどのリッチなコンポーネントが実装できるみたい。 jQuery Ribbonを使ったリッチなＵＩ。Windows7っぽいデザインのＵＩがJavaScriptで。 アイコン付きのかっこいいメニュー 表示しているＵＩのテーマを選べる アイコンつきリスト アイテムのグルーピング ドロップダウンメニュー ちょっとこれは素晴らしいですね・・・。jQueryの優位性がますます高くなってしまいましたね。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイ
動画で見るUI開発最前線（前編）：タッチパネルの次に来るものは何か
タッチパネルの次に来るものは何か――。iPhoneの登場以来，情報機器の差異化要素として，新しいユーザー・インタフェース（UI）が注目を浴びている。ペン入力や音声インタフェースなど，より親しみやすく自然なUIの本格的導入を間近に控え，情報処理の対象となる範囲も，従来のデスクトップ環境から生活空間の全域へと急速に拡大している。ドラマティックな変化の最前線を探るため，米IT産業の集積地である西のシリコンバレーと東のケンブリッジを訪れ，これからのUIを形作るさまざまな要素技術や開発トレンドを取材した。その結果を，取材時に撮影した動画も交えて解説する。 パソコンからモバイル端末へ，時代をリードするIT製品が世代交代を迎え，人と情報機器の関係を規定するユーザー・インタフェース（UI）もまた，歴史的な転換点に差しかかっている。 UIとは文字通り，ユーザー（人）とコンピュータ（情報機器）のインタフェース
長文を分割＆横スクロールで見やすくする·bookreader.js MOONGIFT
Webの発達で日本語であっても横に読まれることが当たり前になりつつある。コンピュータ上では縦に際限なく伸びていくので、縦書きは読みづらいのだろう。だが横向きに書かれていても長文であると見がたくなるのは変わらない。 長文をブラウザ上で読むならこれ 特に小説やコラムなど長文を載せているサイトの場合はそうだ。コンピュータは元々書籍に比べると長文を読むのに適していない上に、レイアウトも読みづらいのでは大変だ。そこで試したいのがbookreader.jsだ。 今回紹介するオープンソース・ソフトウェアはbookreader.js、長文を読みやすくするJavaScriptライブラリだ。 bookreader.jsは専用のJavaScriptとCSSファイルによって縦に続く長文を一定の長さで区切り、続きを右側に表示してくれるスクリプトが。スクロールは矢印キーか画面に表示される矢印のボタンで行う。 次期バー
二度押し防止の onsubmit で disable にするやつ :: Drk7jp
もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で submit ボタンを < disable にしてユーザビリティを悪くするのはやめてください - のヮの うんこ♥ onsubmit で disable にするやつ - 鷹の島 onsubmit の disable 化ですが既に議論が終わっているように、onsubmit disable の実装方法として、 onsubmit イベント発生時に submit 要素を disable にして値をサーバへ渡すための hidden 要素を生成する方法 setTimeou
会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ！
本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなやYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ
ユーザビリティ実践メモ
スマートフォンとともにタブレット端末の普及率はますます上昇し、最近では街中や電車などでタブレット端末を利用している人を多く見かけるようになりました。 この記事の続きを読む
Wiiリモコンでなんでもホワイトボードに変える魔法のような動画 : Gizmodo Japan（ギズモード・ジャパン）
｢Wiiリモコンで作る、安価なマルチポイントのインタラクティブなホワイトボード｣という解説ビデオです。 見るからにつまらなそうなタイトルですけど、でもでも我慢して最後まで見てくださいよ？ 絶対｢おおおおおおおおおおおおお｣の｢お｣が止まらなくなります！ こんなWiiリモコンの使い方、見たことないですねー。カーネギーメロン大のジョニー・リー（Johnny Lee）さん（動画の人）が考案しました。 Wiiリモコン内蔵の赤外線カメラを活用してます。ボールペンの芯を取り出して赤外線入力の｢ライトペン｣なるものDIYしてますね。あとは遠くない45度の感知圏内からWiiリモコンで画面狙いながらライトペンで4点繋ぐとアラ不思議。MS-Surfaceっぽいホワイトボードになってますよ？ ペン2本使うとその姿はまるで、ジェフ・ハン氏のよう…。絶対意識してますよね。 コントローラはパソコンにフックすると、Wi
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
軽快かつクールなページ内小窓作成用ライブラリ「Mocha UI」:phpspot開発日誌
MooTools Mocha UI Mocha is a MooTools user interface class made with canvas tag graphics. This is an on going exercise to help me become more familiar with both MooTools and the canvas tag. 軽快かつクールなページ内小窓作成用ライブラリ「Mocha UI」。 次のような移動＆リサイズ＆クローズ＆最大化可能なウィンドウを簡単に作成できます。 サイト内のデモでは、タイトルと内容を入力することで、動的にウィンドウを作成できることが紹介されています。 フレームワークには、mootools 使用。 かなり軽快に動いてくれ、ページ内で別窓を作るＵＩを作る際にはかなり使えそう。 関連エントリ Prototype.jsベ
U-site
長文コンテンツのための5つの書式テクニック ニールセン博士のAlertbox 3月19日 要約、箇条書き、コールアウト、太字、役立つ視覚情報などのテクニックを用いることで、1,000語を超えるコンテンツの理解度やエンゲージメントは向上する。 このサイトについて UXリサーチや市場調査の手法やコツ、結果や知見を紹介しています。 詳細 新記事公開は、Twitter・Facebook・RSSで随時、メルマガで月1回通知します。 Twitter Facebook RSS メルマガ UXのためのAI：入門編 ニールセン博士のAlertbox 3月13日 生成AIツールを、あなたのUXスキルを代替するためではなく、サポートし、強化するために使おう。小さなUXタスクから始めて、ハルシネーションや誤ったアドバイスに気をつけよう。
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
SLOBSERVER - L'actualité de Second Life
App development is certainly an exciting but challenging process. Several factors are involved in developing an app, due to which the final cost to develop an app greatly varies from project to project. It is important to be familiar with the entire process of creating a comprehensive app development budget because it is common for developers, especially new programmers, to exceed the budget while
女性用ソフトウェア、男性用ソフトウェア:Geekなぺーじ
「Study: Men, Women Use Software Differently」という記事がありました。 ソフトウェアの利用方法には男女差があるという研究があり、将来は女性用ソフトウェア、男性用ソフトウェアというようなものが生まれてくるのかも知れないということでした。 元記事が紹介しているのは、オレゴン州立大学の博士の研究であるようです。 なお、この研究を行っている研究者は博士になりたてだそうです。 もしかすると、この研究で博士を取得したのでしょうか？ この研究は、男性の方が女性よりもデバッグ用途でソフトウェアを使うことが多いことに気がついたために開始したそうです。 なぜ、全く同じソフトウェアなのに男女で使い方がこうも変わるのだろうということを不思議に思ったそうです。 色々と先人の研究などを調べた結果「自信」という要素に注目したそうです。 そして、コンピュータを使うことに関する自信
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.dqwm.net/
UIパターンいろいろ - DesignWalker
サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳