ログインを優れたものにする11の方法 | エンタープライズ | マイコミジャーナル
SitePoint - 11 Expert Tips For Enhancing The User Login Process WebサービスやWebアプリケーションをローンチしたときは開発者もやる気に満ち溢れ、初期ユーザからもいいフィードバックがもらえる。ユーザは自分の意見がストレートにサービスに反映されることを嬉しく感じ、デベロッパも開発に手応えを感じ熱心に改善する。しかし時が半年も経つといつのまにかユーザが遠のいている。よくある話だ。 Webサービスは導入までの敷居が低いため、ユーザはちょっとでも不便なUIがあると使う気が失せて別のサービスを探すようになる。たとえばそれがログイン部分であったら致命的だ。ログインしてもらわないことにはまず使ってもらえない。ログイン処理はセキュリティであったりユーザ体験であったりもっとも重要な部分だ。 Gary Barber氏がSitePointに11
タッチパネルは基本的に使いにくい。
最近、渋谷の駅の看板で見たsoftbank携帯のタッチパネル機の宣伝を見かけて、これって本当に意味あるのかなぁと疑問に思った。 UIだけiPhoneを超えるとおっしゃるんですか？：DESIGN IT! w/LOVE にインスパイア。 iPodからiPod touchに変わったときに、それまで本体を見ることなく曲を止めたり、次の曲にジャンプしたりできたのに、タッチパネルになったせいでできなくなった。 iPhoneの日本語入力は、「不便なタッチパネルにしてはよくできている」が、その使いやすさは、手慣れた人の携帯にかなうわけではない。 文字入力をiPhoneでやる面倒くささは時を追うごとに大きくなってきてしまった。やっぱりモバツイでつぶやきを入力するのは、iPhoneより携帯の方がやりやすい。それが故に、iPhone対応のモチベーションが上がらないというのは否めない。 途中まで作ってるのがあるの
第29回 入力エレメントが多いフォームはどうするのか：ITpro
今回のポイント 入力項目が増えることで発生する問題点 入力項目を分割する2つの方法 共通デザインに埋めるか別ページにするか リストボックスの使い方 何らかのWebアプリケーションを組む場合，前回見たようなログイン・フォームや検索フォームのように，入力エレメント（入力要素）が1つあるいは2つだけのフォームは少ないでしょう。例えば会員制のサイトを作成するログイン場合を考えてみましょう。ログイン時はたしかにIDとパスワードの2つだけを入力するフォームですが，会員登録の画面では氏名やメールアドレス，場合によっては住所や電話番号，性別，趣味など10項目前後の入力エレメントをもつフォームになります。 例としてYahoo! JAPANの会員登録画面をみてみましょう（図1）。 これくらいの規模のフォームになると，“ページの一部がフォーム”ではなく，“ページ全体がフォーム”になります。 企業が何らかのサイト
jQuery 3 State Switch Plugin
$("div#state3-mode3multi1").j3ssw({off:"state3down-filter", on:"state3up-filter", def:"state3def-filter", callback:listener4, mode:3, status:true}); $("div#state3-mode3multi2").j3ssw({off:"state3down-filter", on:"state3up-filter", def:"state3def-filter", callback:listener4, mode:3, index:-1}); $("div#state3-mode3multi3").j3ssw({off:"state3down-filter", on:"state3up-filter", def:"state3def-filter
もうユーザビリティの「べからず集」はいらない！ - ＠IT
もうユーザビリティの「べからず集」はいらない！：デザイナにおすすめのユーザーインターフェイスデザイン6つのポイント（1）（1/2 ページ） はじめまして。数年、Webアプリケーション開発会社でUI（ユーザーインターフェイス）制作を担当しているデザイナの嶋田です。業務アプリケーション開発を中心に、ユーザーの業務を理解して、情報設計、最適なUIデザインの提案を目指しています。 この連載では、これまでの経験を生かして、私と同じようなWebアプリケーションのUI（ユーザーインターフェイス）制作を担当する方々を対象に、ユーザビリティ向上のヒントとなる要素をご紹介していきたいと思います。 ユーザーインターフェイスって？ あなたは電車に乗るときに、「どのようなモーターで駆動しているのか」や「どのような材質で車両ができているか」を気にするでしょうか？ あなたの見えない場所でいかに複雑で高度なことが行われて
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
HugeDomains.com
Captcha security check sohaya.com is for sale Please prove you're not a robot View Price Processing
WebKitの３D回転をざっくりまとめてみた - livedoor Blog（ブログ）
MobileWebKitで要素を回転させる系のCSSをざっくりまとめてみました。PC版のsafariではまだ実装されていないみたいです。iPhone/Android向けサイトで使ってみるといいと思います。 CSS Transform/Transitionの基本 -webkit-transformで２次元や３次元の位置や角度、倍率を規定する。-webkit-transitionで-webkit-transformが変化する時のアニメーションを規定する。 流れとしては-webkit-transitionを決めた後に-webkit-transformを変化させる感じ。 javascriptから操作する時は-を省略して二文字目以降を大文字にする。 CSS:-webkit-backface-visibility:hidden; JS:hogehoge.style.webkitBackfa
「iPhone」風UIを実現するJavascript「iUI.js」
twitter facebook hatena google pocket iPhoneが米国で発売され、apple独特のUIの良さが好評になっています。 今回はJoeHewitt.comのiUIで紹介されている、iPhone的なUIを実現するjavascript「iUI.js」を紹介します。 sponsors 使用方法 実装はそう難しくありません。 iUIからダウンロードしたファイル群をアップロードし、CSSとjsをhead内に挿入します。 次にHTMLです。 <div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> </div> と書き込みヘッダー部分を作成します。 後はページ毎にui id="ページ名"で括り、liのリンク先にそのidを指定すれば完成です
見た目はどうする？どうできる？
iPhone向けデザインコーディング 今回は、iPhone向けサイトを作るにあたっての、デザインコーディング（HTML／CSS）について紹介します。 iPhoneのSafariはかなり高いレベルでPCとほぼ同じようなブラウジングを行えますし、HTML／CSSへの準拠も高い（というよりむしろ律義すぎる）ので、普通にクロスブラウザ対応を考えて作ってあるWebサイトなら問題ないでしょう。しかし、iPhone固有の制限、設定などがありますので、いくつかのテクニックと注意点があります。 はじめに、テスト用の環境を整えましょう。 まずは、Safari（http://www.apple.com/jp/safari/）をインストールします。Safari3.1ならばiPhoneとほぼ同じような動作をします。理想としては、Macがある方が良いです。フォント有無の問題もありますし、iPhone SDK（http
iPhone向けサイトを考える:Remember The MilkのiPhone対応が超絶クオリティ
2008年10月16日 Remember The MilkのiPhone対応が超絶クオリティ Remember The Milk（RTM）のiPhone対応は去年の11月からあったみたいですが、15日間無料で試せる期間が設けられていることにさっき気がついたので試してみました。RTMはタスク管理のWebアプリケーションです。 PC版RTM：http://rememberthemilk.com/ iPhone版RTM：http://i.rememberthemilk.com/ Webアプリでこのクオリティ。なにこれ、すげーよ。超すげーよ。 中身を妄想してみる CSSアニメーションとJavascriptを駆使してここまで軽くて使い勝手のいいアプリケーションを実現しているですよね。たぶん。ひとつひとつの動作を真似することはできるんですが、このくらい規模だと大変なんだろうなぁという感じ。1ページの中
［ITpro EXPO］「UI変更で入力効率が3倍に」、サンゲツが事例を披露
「メインフレームのエミュレータからAjaxベースの画面に変え、受注入力業務のスピードを3分の1に短縮できた」。インテリア専門商社のサンゲツの多田健次情報システム部課長（写真）は2008年10月16日、ITpro EXPO 2008 Autumnの講演で自社のシステム構築事例を語った。 同社では昨年10月受注システムを再構築。以降、順次機能を追加している。それまでメインフレームの基幹システムで実施していた受注入力や在庫・商品情報照会の機能をWebシステムに切り出した。データベースはメインフレームと同期を取り、Webブラウザから参照できるようにした。 新システムの特徴は入力画面にAjaxをフル活用したこと。例えば、入力欄に商品名の一部を書き込むと、すべての文字を入力し終わる前に商品名の候補を表示する「サジェスト機能」をつけた。「Googleの検索画面を参考にした」（多田課長）。候補の中から商品
iPhone 3Gを考える：iPhoneの変革を支える3つのインタフェース - builder by ZDNet Japan
iPhoneがもたらす新たなパラダイム 「電話を再発明する」というSteve Jobs氏の言葉で登場したiPhoneが変えるのは、しかし、携帯電話の世界だけに留まることはないだろう。iPhone 3Gの発表でますますその感を強くしている。2万円程度と予測される価格だけでも充分に今の日本社会にとって「黒船」だが、たぶん、それどころではないのだ。 たしかにiPhoneは、携帯電話やパソコンの技術を発展させたり融合させたりしたものであることに違いはない。しかし、そこから生まれつつあるのは質的に異なる新たなパラダイムだ。 そのパラダイムを支えるのは、Appleが見事にブラッシュアップした3つのインタフェースだ。ユーザーインタフェース、ハードウェアインタフェース、そしてネットワークインタフェース。 マルチタッチスクリーンによって実現したユーザーインタフェースは、ヒューマンインタフェースの基本原則をし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「いめったー」ランキングのページングがいい - IT戦記
IDEA * IDEA
jQuery UI タブ
screamo.jp
Google Code Archive - Long-term storage for Google Code Project Hosting.
利用者の使い勝手を中心に考えればRIAが見えてくる | 企画書を光らせる珠玉のキーワード
deadbeaf.org