優れたインターフェイスの体重管理アプリ｢Weightbot｣
体重の管理の第一歩は、毎日記録をつけることからといいますが、計測してメモをするという地味な作業のため、忘れてしまったり、三日坊主になってしまうこともよくあります。 その点、このアプリ『Weightbot』は、ユーザーインターフェイスをとことん突き詰め、体重記録を楽しく行えるように考えられているので、飽きずに続けることができるかもしれません。 体重を記録するというシンプルな目的を、ユーザーインターフェイス、デザイン、サウンド効果の全てにおいてクオリティが高めることで、使っていて楽しいアプリに仕上げることに成功しています。 設定画面で目標体重、身長、単位系などの基本情報を入力します。 プライバシーへの配慮からパスコードを設定することができます。(デフォルトではオフ) 体重を入力したい日付を横にスクロールするカレンダーから選択します。 体重の表示部分をタップすると体重の入力画面に切り替ります。
ケータイ livedoor ニュース"リニューアル" : LINE Corporation ディレクターブログ
こんにちはモバイルを担当していますタルです。 つい最近モバイル版 livedoor ニュースのリニューアルを担当させていただいたので そのことについて今回書かせていただきたいと思います。 リニューアルとは「なんのために（何を目的に）やるのかということが重要」とよく言われてますが 今回のリニューアルは 2つの改善テーマをもってリニューアルいたしました。 ・UI（ユーザビリティ含む）改善 ・AdSense 改善 ケータイのページは見せられる画面が小さく、限られているのでその中で、そのコンテンツで見せるべきものの優先順位を PC よりもはっきりとしっかりとつけなくては単調で何も伝わらないページになってしまいます。 【01】画像を出来るだけ削除 （基本的には１００K端末をメインターゲットにして作ればよいが それでも７０Kと30Kでは表示される速度がかなり違うので、そのページで何を 優先して伝えたい
形が機能を支配する - レジデント初期研修用資料
形が機能を支配する 待合室に座っている患者さん達が、携帯ゲーム機で遊んでた。 大人も子供も、イヤホンつけて、膝の上にゲーム機抱えて、みんな同じ格好をしてた。 そこで行われているのはゲームだけれど、ある意味その姿は、未来の風景の先取りなんだと思った。 形から入るやりかた 何か新しい物を広めようと考えたときに、「形から入る」やりかたのほうが、正解に近いのだと思う。 機能は十分だけれど不格好な製品をまず出して、それを改良するやりかたと、 機能はまだ不完全もいいところだけれど、形だけは、デザイナーが描いた「未来」になっている製品をまず作り上げて、 機能はあとから作り込んでいくやりかたとがある。 技術者のコミュニティに受け入れられて、新製品に最初に飛びつく人達が未来を感じるのは、 たぶん十分な機能が実装された不格好な製品なんだろうけれど、最終的に広まって、 未来の日常の中で、風景として認知されるのは
会員登録フォームを構築するポイント | ランサーズ社長日記
いいね！ 11 ツイート B! はてブ 734 Pocket 58 ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点が多くありました。 少し量が多いですが、自分で意識的に行ってきたこと、登録しやすいサイトの共通点、ブログやサイトをみて参考になる点をまとめてみました。 1つ1つはよく言われていることで、大したことありませんが、こういった小さなディティールにこだわって行きたいと思います。ケースバイケースの側面も強いのですが、何かの参考になればと思い
第11回 PCサイトとこんなに違う！携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能
ドラッグ＆ドロップで範囲指定できる日付選択UI実装ライブラリ「Timeframe」:phpspot開発日誌
Timeframe ドラッグ＆ドロップで範囲指定できる日付選択UI実装ライブラリ「Timeframe」 次のようなＵＩで、日付をＤ＆Ｄ選択できるJSウィジェットが公開されました。 次のような感じに初期化するようです。 <script type="text/javascript" charset="utf-8"> //<![CDATA[ new Timeframe('calendars', { startfield: 'start', endfield: 'end', previousbutton: 'previous', todaybutton: 'today', nextbutton: 'next', resetbutton: 'reset' }); //]]> </script> 範囲指定の入力に便利そうですね。 関連エントリ 日付の範囲を指定できるJavaScriptデートピッカー「
会員登録の敷居を下げる入力フォームの作り方(PC編) - キャズムを超えろ！
本エントリは、20〜40代のPCをある程度使いこなしているユーザー向けの会員登録フォームの設計について述べたものである。ケータイサイトは含まないし、シニアも対象としていない。シニア向けUIについては(古いエントリだが)こちら "ユーザーID"と"メールアドレス" 減ってはきたものの、ユーザーIDとメールアドレスの両方を取るWebサービスがいまだに結構ある(ex. Remember the milk)。はてなやYahooAuctionのように「ユーザーIDがニックネームに相当するコミュニティサイト」は除くとして、ユーザーIDを一般客に公開しないにも関わらずIDとメルアドの両方を取る意図がわからない。 ユーザーIDとしてメールアドレスを使うメリットは 会員登録フォームの入力必須箇所が1個減る 好みのIDが取れない事件が防げる "ID忘れ"による機会損失/幽霊会員が減る 流石に自分のメアドは忘れ
マウスのホイールによる入力エラーの可能性 (ユーザビリティ実践メモ)
しかし、プルダウンでの項目選択を行う入力フォームにおいては、この便利さが逆効果になる場合があります。弊社のユーザビリティテスト（ユーザ行動観察調査）で観察された例をご紹介しましょう。 1ページの入力項目が多く、何度かスクロールしなければ「次へ」のボタンまでたどり着けない入力フォームを使うという作業で、ほとんどのユーザはホイールを使いながら入力を進めて行きました。 その中で、あるユーザがプルダウンの項目を選択し終え、ページをスクロールして次の項目へ入力を進めようとホイールを操作したところ、直前に入力したプルダウンにまだフォーカス（ハイライト）が当たった状態であったため、選択項目が別のものに変わりました。つまり、ホイール操作がページのスクロールではなく、プルダウン内の選択項目の移動に使われたということです。 ユーザはページがスクロールしないことにすぐ気づき、ページ内の空白部分をクリックしてプル
アプリケーションデザインの間違い・トップ10
ユーザーがユーザインタフェース（UI）の操作方法を知ること、UIが操作の流れを的確に導くこと、共に実現されればアプリケーションのユーザビリティは上がる。しかし、ガイドラインを守らなければ、どちらも実現は難しい。 Top-10 Application-Design Mistakes by Jakob Nielsen on February 19, 2008 アプリケーションデザインの間違いをまとめるのは難しい。最悪の間違いは、業界固有の特殊ケースである場合が多いからだ。アプリケーションが失敗に終わる理由には、 (a) そもそもの問いを間違えている、(b) 問いを正しく捉えながらもそれを解くための機能を間違えて作っている、(c) 的確な機能を作りはしたものの、難しくし過ぎてユーザーに理解してもらえない、などが考えられる。 どれを間違えても、アプリケーションの失敗は決定的で、それを避ける方法をお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo Developer Network
