タグ

UIに関するtarbrickのブックマーク (39)

  • ソフトウェアの肥大化について - bkブログ

    ソフトウェアの肥大化について 肥大化したソフトウェアというとリソースいでメンテナンスがしづらい厄介ものというイメージがあります。しかし、広く使われているソフトウェアは多かれ少なかれ肥大化しているように思えます。ソフトウェアの肥大化はよくないことなのでしょうか。 結論からいえば、必ずしも悪いことではありません。この話題は Joel Spolsky 氏がストラテジー・レターIV:ブロートウェアと80/20の神話で書いています。私が付け加えられることはあまりありませんが、最近、知人との間で話題になったので、少し書いてみたいと思います。 数年前、 Alan Kay 氏の Squaek についての講演を聞きにいったとき、途中でコードのサイズが話題になり、Squeak のコードはこんなに小さい(具体的な数字は忘れました)といって、何千万行もある Windows NT を引き合いに出して、Squaek

  • Design works|新デザインオンラインカジノ 日本語対応

    Design Works - デザインワークス姉妹ブログ・DesignDevelopのデザインをリニューアルいたしました。 Designworksの新ドメインでの運用・リニューアルのご報告はさせて頂きましたが、Designworksのリニューアルとともに、姉妹ブログとして運用しているDesignDevelopのデザインも、大幅にリニューアルいたしました!!! Design Worksは、様々な商品やインスピレーションから生まれた新しいデザインを発信し、販売促進に繋げる広告やデザインを作り出しています。大幅にリニューアルしたDesign Worksでは、オンラインカジノ 日語対応のデザインなど、オンラインの新たな分野にも活動を広げています。最新のH P新デザインとなった姉妹サイトブログのDesign Developと共に、今後もウェブデザインに関する様々な情報をお届けしていきます。 今回、

    Design works|新デザインオンラインカジノ 日本語対応
  • インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blog

    インターン生は、連日の講義と課題で大変そうですが、今日も講義が続きます。 日は、id:nanto_viによる「ユーザインターフェース,HTML5」です。仕様書を隅々まで読んだ講師によるディープな講義内容となっています。今日も2時間の長丁場ですが、頑張って着いていきましょう! ユーザーインターフェース、HTML5 ユーザーインターフェースで大切なこと、HTML5 及び関連 API で何ができるか 自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークチーム アプリケーションエンジニア はてなブックマーク Firefox 拡張 はてなツールバー for Firefox はてなブックマーク Twitter 投稿機能 はてなサマーインターン 2008 なんとなく Emacs 富山県南砺市とはあまり関係なし 概略 UI の評価・設計・実装の概略 HTML についての概略、HT

    インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blog
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 単機能トップページというデザイン手法が人気急上昇中 | Moz - SEOとインバウンドマーケティングの実践情報

    最後にデザインの話題を取り上げてからずいぶん経ったけど、そろそろまた書くべき頃合いだと思う。 今回焦点を当てるのは、レトロ(かなり前から用いられている)でありながら今また勢いを増しつつある(少なくとも僕は人気上昇中だと感じている)デザインスタイルだ。もっと具体的に言うと、目的を1つに絞り込んだトップページのことだ。 最初に、簡単な例を挙げる。GmailやYahoo!メールのメールアドレスを入力すると、そのアカウントに登録されている連絡先(知り合い)を、さまざまなソーシャルネットワークで探してきてくれるSpokeoというサービスだ。 このデザインの目的はただ1つ、製品の機能を示すためにメールアドレスを入力してもらうことだけで、そのほかのことには目もくれていない。登録ユーザー向けのログインページやブログ、説明ページへアクセスするリンクといった副次的なリンクが少々と、信用度を高めるのに役立つ大手

    単機能トップページというデザイン手法が人気急上昇中 | Moz - SEOとインバウンドマーケティングの実践情報
  • 30分でできる!Webサイトを高速化する6大原則 (1/4)

    Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

    30分でできる!Webサイトを高速化する6大原則 (1/4)
  • パスワード入力の「****」は不要? 研究者の間で激しい論議

    入力したパスワードは「****」で隠さずに、はっきり見えるようにした方がいいのではないか。そんな提案をめぐり研究者が賛否両論を展開している。 Webサイトなどでパスワードを入力する際、「****」を使って入力した文字が見えないようにする必要はないのではないか――。そんな提案をめぐり、研究者が賛否両論を展開している。 最初に問題を提起したのはWebユーザビリティ研究の第一人者ヤコブ・ニールセン氏。「パスワードを入力する際、画面に“****”としか表示されないのはユーザビリティ上問題がある。一般的に、パスワードを隠してもセキュリティは向上しない。それどころかログインに失敗してコストがかさむ」と指摘し、入力したパスワードの文字がはっきり見えるようにした方がいいと提言した。 著名なセキュリティ研究者のブルース・シュナイアー氏も、ブログでニールセン氏の意見に賛同を表明。「パスワードの文字を表示すれば

    パスワード入力の「****」は不要? 研究者の間で激しい論議
    tarbrick
    tarbrick 2009/07/01
  • 離脱されない携帯サイトのフォーム作成術 (ユーザビリティ実践メモ)

    みなさんは携帯サイトの会員登録を行う際に以下のような経験はありませんか? ・入力エラーが発生した。 ・次ページの読み込み中に接続不良となった。 弊社のユーザ行動観察調査では、会員登録時に上のような状況に直面すると、多くの人が会員登録をあきらめてしまう様子が観察されています。 今回はこのようなトラブル発生を防ぎ、「離脱されないフォーム」を実現する上で重要となるポイントを2つご紹介します。 フォーム入力例を適切な位置に配置する フォーム内の各項目に入力例を明示することでエラー発生を防ぎます。ごくごく当たり前のことですが、PCサイトに比べてコンテンツスペースが少ないことを理由に、携帯サイトでは「入力例が省略されたフォーム」が多く見受けられます。 また、入力例の配置にも注意が必要です。たとえ入力例が配置されているフォームであっても、下図の左側のように入力欄の下に配置しているものは十分と言えません。

  • 素晴らしいロゴをデザインするための45の法則 | CREAMU

    ロゴをデザインしたい。 そんなときにおすすめなのが、『45 Rules for Creating a Great Logo Design』。素晴らしいロゴをデザインするための45の法則だ。 以下にご紹介。 3つ以上の色を使わない。 絶対に必要というわけでないものはすべて除外する。 文字はあなたの祖母でも簡単に読めなければならない。 ロゴとはっきり認識できなければならない。 ロゴにユニークな形やレイアウトを取り入れる。 あなたの親や配偶者がデザインについて思うことを徹底的に無視する。 3人以上の人にロゴが魅力的に見えるかを確認する。 有名なロゴの要素を使ってオリジナルだと主張しない。 どんな場合でもイラスト集を使わない。 ロゴは白黒でもかっこよく見えるべき。 逆さにしても認識できること。 リサイズしても認識できること。 ロゴがアイコンやシンボル、テキストを含む場合、それぞれ良さが引き立つよう

  • ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan

    シーネットネットワークスジャパンは9月29日、builderとしては2回目のイベントとなる「builder tech day」を開催した。今回は「User Interface & beyond」をテーマに、ソシオメディア、マイクロソフト、アドビシステムズ、カールのスピーカーが登壇し、ユーザーインタフェースの現在と未来について講演した。 稿では、ソシオメディア取締役である上野学氏の基調講演「ユーザーにとってはUIがすべて」を紹介しよう。 トイレにひそむUIのヒント 講演の冒頭、上野氏は米国の著名なデザイン・コンサルティング・ファーム、Adaptive Pathに2008年まで在籍していたDan Saffer氏と対話した際のエピソードを披露。 Saffer氏が「トイレにはユーザー・インタフェース・デザインの様々なヒントがある」と話していたことを紹介し、下の画像を示した。 上野氏は赤色の注意書

    ユーザーにとってはUIがすべて:UIデザイン原則をソシオメディアが語る - builder by ZDNet Japan
    tarbrick
    tarbrick 2008/10/03
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • mixiってすごい - いんたーねっと日記

    ちょっとid;tohaeと2分くらいそういう話をしたのでそのあと考えたことをまとめておく(あいかわらずまとまってないけど!)。mixiってさりげなくすごいなっていう話。 mixiのUIでやたら「○○しよう!」というのを見かけるのが前から気になってたんだけど、ひょっとしたらこれがmixiがここまで流行った理由なのかもしれないって最近思うようになった。UIとかデザインとかの話題だと大抵「説明のラベルがついているのはよくない」みたいなことが言われてて、これに関してはその通りだと思うんだけど、Webだともしかしたらそれは通用しないのかもしれない。 Webサイトにある機能へのぽこっとリンクがひとつ置いてあるだけだと、きっとなかなかクリックされないし、クリックされてそのページを開いたとしてもそのページがなんの機能をもっているのか分からないとなかなか使ってもらえない。だから、「携帯から最新情報をチェック

    mixiってすごい - いんたーねっと日記
    tarbrick
    tarbrick 2008/06/28
  • いろいろなサイトのフォームのログインを集めた -Login Forms Design Showcase

    Login Forms Design Showcase Login Formsは現在39個登録されており、Elements of Designには他にもウェブサイトでよく使うエレメントのデザインが収集されています。 フッタのデザイン集 検索フォームのデザイン集 見出しのデザイン集 コメントの入力欄のデザイン集 コメントのデザイン集 カレンダーのデザイン集 コード表示のデザイン集 動画プレイヤーのデザイン集 アイコンのデザイン集 引用箇所のデザイン集 登録フォームのデザイン集

    tarbrick
    tarbrick 2008/06/14
  • Yahoo! のウェブのデザインパターンの共有ライブラリ集

    Yahoo! Developer Network から、ウェブ設計時のデザインパターンの共有ライブラリがPDFやPNGなどでダウンロードすることができます。 Download a Stencil Kit ダウンロードできるのはOmniGraffle、Visio、PDF、PNG、SVGとなっており、多種多様なデザインパターンがセットとなっています。 PDFでは、コードへのリンクも記載されています。 Ad Units Calendars Carousels Charts and Tables UI Controls Form Elements Grids Menus and Buttons Mobile - General Mobile - iPhone Navigation and Pagination OS Elements Placeholder Text Screen Resoluti

    tarbrick
    tarbrick 2008/06/02
  • 犬の散歩スタイルで持ち歩くMP3プレイヤー

    人はなぜ、MP3プレイヤーに小ささを求めるのか。 むしろ大きくしてみたらどうだろう? と考えたかどうか知りませんが、イスラエルのデザイナーInbal Tyagiが考えたコレは、コロコロと転がすタイプのスピーカー付きMP3プレイヤー。こうして転がすことによって充電する仕組みになっているんだとか。 彼はフラフープのシンプルさにインスパイヤされてこのアイディアを思いついたそうです。僕がこれを見てまっさきに連想したのはむしろヨーヨー技の「犬の散歩」とか、以下のおもちゃですけどね…

    tarbrick
    tarbrick 2008/05/31
  • 検索サイトの舞台裏--グーグル幹部が明かす改善手法

    サンフランシスコ発--Googleは、こと検索クオリティに関しては複数の顔を持っているようだ。 Googleは、ABスプリットと呼ばれる手法を使って、同社のメイン検索ウェブサイト(簡素な検索ボックスと検索結果の両方について)どのような変更を加えるべきか検討している。Googleの検索プロダクトおよびユーザーエクスペリエンス担当バイスプレジデントであるMarissa Mayer氏は米国時間5月29日、サンフランシスコで開催されているGoogle I/Oカンファレンスで講演した。その中で同氏は、上記の手法について、Googleはユーザーに対し、デザインの異なる複数のページを表示し、その反応を測っていると説明した。 Mayer氏によると、例えばGoogleは、ユーザーに対して表示する検索結果を何件にすべきかを探りたかったという。通常は、10件か20件、25件か30件といったところだろう。この点に

    検索サイトの舞台裏--グーグル幹部が明かす改善手法
    tarbrick
    tarbrick 2008/05/31
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    tarbrick
    tarbrick 2008/05/24
  • UIパターンいろいろ - DesignWalker

    UIパターンいろいろ - DesignWalker
    tarbrick
    tarbrick 2008/05/18
  • 「史上最高のインターフェース、ベスト5」から使いやすい設計を考える | WIRED VISION

    「史上最高のインターフェース、ベスト5」から使いやすい設計を考える 2008年5月13日 IT コメント: トラックバック (0) Charlie Sorrel Photo:『Flickr』の 「mikelao26」 現代のインターフェース開発者はユーザーのことを考えていない。少数の例外はあるが、六分儀や経線儀が登場するまで海で進路を決めるのはきわめて難しかったのと同様に、現代の小型機器はナビゲート不能だ。 それはなぜか? 現代のデバイスの内部の働きは、実世界でわれわれが扱うものとは関連がないため、マイクロチップと人間の脳の隔たりに橋を架けるには、場当たり的な抽象化が必要になるからだ。 おまけに、大半の機器ではユーザー・インターフェースは後回しにされることが多い。こうしたことから、操作部分のレイアウトのひどい使いにくさのせいでいたるところで嫌われている、米Motorola社の『RAZR』の

    tarbrick
    tarbrick 2008/05/14
  • CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 – creamu

    DiaryTechnology CSSであまり使われていないが使った方がいいフォント8選『8 fonts you probably don’t use in css, but should』 CSSフォント指定をちょっと凝ってみたい。 そんなあなたにおすすめなのが、『8 fonts you probably don’t use in css, but should』。CSSであまり使われていないが使った方がいいフォント8選だ。 以下にご紹介。 ・Palatino Linotype / Palatino(WINDOWS 97.09% / MAC 78.86%) ・Tahoma(WINDOWS 96.09% / MAC 72.02%) ・Impact(WINDOWS 95.85% / MAC 88.08%) ・Century Gothic(WINDOWS 85.44% / MAC 42.50