タグ

uiとUIに関するflyeagleのブックマーク (118)

  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2018 GMO Internet, Inc. All Rights Reserved.

    flyeagle
    flyeagle 2013/02/24
    およそ同意。どうやって始めるかも分からなかったし、「封印解除」を押しちゃったし、ひどいUIだった。
  • 人間中心のデザインの原則 -『誰のためのデザイン?』を読んで-

    皆さんは下記のような経験はありませんか? ドアを開けたいんだけど、パッと見て押したらいいのか引いたらいいのか、はたまた横に滑るのかがわからない 蛇口をどっちに倒したり捻れば水が出るのか、温水/冷水の切り替えはどうすればいいのかわからない オフィスの入り口にある電源スイッチのどれを押せばどこの電気が点灯するのかわからない リモコンでプロジェクターに投影されているスライドの進行をしたいのだけど、間違ってバックしたり変なメニューが表示されたりする これは全てそのような誤りをしたユーザが悪いのではありません。デザインが悪いのです。受け売りですが。。 一つ前のブログに書いたように、ビジネスや問題解決の文脈におけるデザインの可能性について書籍などをあたりながら考えを深めています。その一環で読んだのがD.A.ノーマンの『誰のためのデザイン? 認知科学者のデザイン原論』です。1990年ごろの古い作品ですが

    人間中心のデザインの原則 -『誰のためのデザイン?』を読んで-
  • iida UI Virtual Touch

    コンテンツを体験するためには、最新のFlashPlayer をインストールし、 JavaScriptをONにする必要があります。

  • なぜEtsyでは無限スクロールは失敗したのか

    「ユーザーがページに滞在してコンテンツに関わる時間が長くなる」といわれる無限スクロールを採用したものの、うまくいかなかったというEtsyでの事例から、その教訓を読み解きます。 U-Site編集部 2013年1月25日 HCD新人部員のTです。 1年以上前の記事ですが、「Pinterestによってもたらされた、6つの重要なWebデザインとユーザビリティにおけるトレンド」という下記の記事を読んでいました。 該当記事:6 Important Web Design and Usability Trends Sparked By Pinterest – The Daily Egg ここで挙げられている項目の3つ目のトレンド、”Deliver Content in Flow”を見てみますと、「無限スクロールによって、ユーザーがページに滞在してコンテンツに関わる時間が長くなる」と書かれています。 Bec

    なぜEtsyでは無限スクロールは失敗したのか
    flyeagle
    flyeagle 2013/01/25
    「一方、オンラインショッピングは、商品を購入するという目的のアクションの中にクリックスルーが位置づけられるため、クリックスルーの前後がうまく繋がっていかないとユーザビリティの低下をもたらす」
  • 米国市場の高校サイトでは、今、何が起きているのか?

    ブログサービス「マーケター通信」をご利用の皆さまへ 平素はITmedia マーケティングをご愛読いただき、誠にありがとうございます。 当サイトではこれまで、関連ブログサービスとして「マーケター通信」を長年にわたり運営してまいりましたが、全体的な利用の減少を鑑み、2020年9月30日にサービスを終了させることになりました。 このような結果になり残念ですが、何卒ご理解いただけますと幸いです。これまでご利用いただきましたことに対し、あらためてお礼申し上げます。 尚、ITmedia マーケティングは従来通り更新を続けますので、引き続きよろしくお願いいたします。 サービス終了までのスケジュール、および、これまで登録していただいたブログ記事の取り扱いにつきましては、以下の記載をご確認ください。 スケジュール 2020年9月25日(金)

    米国市場の高校サイトでは、今、何が起きているのか?
    flyeagle
    flyeagle 2013/01/25
  • Google、画像検索の結果ページのUIを更新へ オリジナルサイトにも配慮

    Googleは1月23日(現地時間)、Google画像検索の結果ページのユーザーインタフェース(UI)を改善すると発表した。数日中に全ユーザーが新しいUIを使えるようになる見込み。 現在はランダムなサイズでタイル状に表示された画像にカーソルを合わせるとその画像が拡大されて概要が表示され、クリックするとその画像の詳細が単独で表示される。これが、同じ天地サイズで表示される検索結果の画像の1つを選択すると、画面中央にその画像を拡大したものと、出典サイトのタイトルとリンク、画像の詳細が表示される。従来より少ないステップで画像のオリジナルサイトにアクセスできるようになる。

    Google、画像検索の結果ページのUIを更新へ オリジナルサイトにも配慮
  • UIデザインの参考になるサイトまとめ | ナナメウエblog

    毎日仕事中と寝る前にチェックしてるUIの参考になるサイトをまとめました。 もう、見ているだけで涎が出ますね。 Dribbble – Following もはや知らない人はいないでしょう。世界中からハイレベルなデザインが集まるこのサイト。3時間に1回は見てます。 JAYPEG 日版Dribbbleというとわかりやすいかもしれません。昨年末にできたばかりですが、すごく好きです。投稿しまくってます。自分で作ったUIを素材として公開してたりします。1時間に1回は見てます。 Inspired UI – mobile ui patterns カテゴリーが細かく分かれていて非常に嬉しいです。数も豊富で見やすいサイトです。 iOS Mobile Patterns カテゴリーがわかりやすく、マウスが拡大鏡になるので細部まで見ることができます。 iPad and iPhone Design Ins

  • UIの改悪がUXを改善させる場合 - A Successful Failure

    2013年01月20日 UIの改悪がUXを改善させる場合 Tweet Good UIGood UX UIUXについてはその理解について多くの議論がなされてきた。たとえば、Googleの及川氏は「写真が語るUXUIの違い」というエントリにおいてコーンフレークの例を元にUIUXについて説明したが、その後、ERATOの渡邊氏が「1分でわかるUIUXをわかりやすく説明する写真とお話」というエントリにおいて、ATMを例によりわかりやすい説明を挙げている(次の写真は当該エントリからの引用)。 この例ではたとえUIが素晴らしくても、そのATMは時間がかかるため、長い待ち時間ができ、結果としてUXが損なわれる場合を示している。 しかしながら、実際にはATMの劣悪なUIが悪いUXの原因となっている可能性があり、当にこのATMUIは素晴らしいのかという疑問が残る。つまり「Good UIGo

  • UIデザイン

    Build your website.Build your dream website fast and easy, without any coding. Learn more Find your own domain.This one is taken, but you can find another available domain easily. Learn more

  • [商用利用OK]デザインに行き詰まった時に刺激をもらえるUIエレメント検索サイト『UICloud』

    あけましてめでとうございます。年末年始 魔の9連休により完全にダメ人間化した霙(@xxmiz0rexx)です。2013年一記事目は最近出会った素敵なサイト『UICloud 』のご紹介をしたいと思います ;) 『UICloud 』は、ボタンやフォームなどの細かいパーツからダッシュボードのデザインまで幅広いUIデザインを検索でき、ありがたい事にすべてpsdデータがダウンロードできる素晴らしいサイトでございます。 サイトで使われている言語は英語ですが、検索する単語は慣れ親しんだWEB用語(buttonとかsearch formとか)ですし、 ライセンス表記もぱっと見て分かるところ(サイドバー最上部)にあるので特に困ることはないですね :) クオリティの高いデザインばかりなので見ているだけで刺激になりますよ! もちろん、商用利用可能なので素材をそのまま使ってもOK! いくつか見たところライセンスは

    [商用利用OK]デザインに行き詰まった時に刺激をもらえるUIエレメント検索サイト『UICloud』
    flyeagle
    flyeagle 2013/01/16
  • 「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド

    アプリ製作はフルセットから、コンサル、すでに作ってしまったUIのレビューまで、お気軽に fukatsu@gmail.com まで。Read less

    「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
    flyeagle
    flyeagle 2013/01/06
  • User Experience Lessons From the New Facebook iOS App

    August 24, 2012 - Design, Mobile User Experience Lessons From the New Facebook iOS App The Facebook iOS app has long been criticized for poor performance, inconsistent data, and frequent crashes. The sheer number of 1 star reviews on the App Store show just how many people have issues with the app. Facebook used HTML and JavaScript in web views to render almost all of their content. This is what m

    User Experience Lessons From the New Facebook iOS App
  • 勘違いだらけのAndroid UIデザイン

    【増員!→370名】 開発者、デザイナー必見! アプリ制作勉強会 / 勘違いだらけのAndroid UIデザイン 発表資料(2012年8月21日) http://atnd.org/events/31039 The presentation doc for Smartphone application design seminar on 2012/08/21 by WAVE Multimedia School.Read less

    勘違いだらけのAndroid UIデザイン
  • オリンピック公式Webサイト: UIは銀メダルだが、UXは失格

    ページデザイン自体は2002年オリンピックのサイトよりスコアが15%上がった。しかし、全体的にバラバラなインターネットプレゼンスのせいで、ユーザーエクスペリエンス(UX)全体が我慢のならないものになってしまっている。 Official Olympic Website: UI Silver — but UX DQ by Jakob Nielsen on July 30, 2012 日語版2012年8月10日公開 2002年にソルトレークシティ冬期オリンピックの公式ウェブサイトのレビューをし、ユーザビリティに関しては「銅メダルも無理」と判定した。 しかし、2012年ロンドン大会のための公式サイトでは2002年サイトの問題の多くが解決されていた。つまり、この10年間で進歩したというわけだ。この進歩はサイトのスコアを113項目のホームページユーザビリティガイドラインの適合度で比較するとはっきりと

    オリンピック公式Webサイト: UIは銀メダルだが、UXは失格
    flyeagle
    flyeagle 2012/08/19
  • 日本特許庁、スマートフォンやタブレットのユーザーインターフェイス(操作パネル)デザインを知的財産として保護する方針

    特許庁、スマートフォンやタブレットのユーザーインターフェイス(操作パネル)デザインを知的財産として保護する方針 Japan Patent Office protects user interface design 特許庁は、スマートフォンやタブレット端末に使用されるユーザーインターフェイス(操作パネル)画像デザイン等を新たに知的財産として保護する方針を行う。日でデザイン登録を出願すれば加盟国でも適用されるように国際協定にも加盟。 NHK が報じたニュースで、特許庁は急速に普及が進むスマートフォンやタブレット端末等のデジタル製品に使用されるユーザーインターフェイス(操作パネル)画像を、工業製品のデザインに関係する「意匠法」を改正し保護する方針としています。 今まで保護されていなかった事に驚きですが、欧米では既に行なっている保護で日がこれに追従する形となります。日でデザイン登録をすれ

    日本特許庁、スマートフォンやタブレットのユーザーインターフェイス(操作パネル)デザインを知的財産として保護する方針
    flyeagle
    flyeagle 2012/08/06
  • エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職@type

    エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『@type』のコンテンツです。

    エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職@type
  • Human Interface References by M.Yasumura

    ヒューマンインタフェース 100+α冊の by. M. Yasumura. 2008. May 12 updated. < 今回お勧め図書(☆)> ☆ D.A. Norman, 岡明, 安村通晃, 伊賀聡一郎, 上野晶子共訳, エモーショナル・デザイン 〜微笑を誘うモノたちのために, 新曜社, 2004. ☆ トム・ケリー&ジョナサン・リットマン著, 鈴木主税・秀岡尚子共訳, 発想する会社!, 早川書房, 2002. ☆ バイロン・リーブス, クリフォード・ナス共著, 人はなぜコンピュータを 人間として扱うか〜「メディアの等式」の心理学, 翔泳社, 2001. ☆ D.A. Norman, 岡明, 安村通晃, 伊賀聡一郎共訳, パソコンを隠せ, アナログ発想でいこう!, 複雑さに別れを告げ、へ, 新曜社, 2000. ☆ ウィリアム M. ニューマン, マイケル G. ラミング,

  • エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職@type

    エンジニアtypeは、各種エンジニアをはじめ「創る人たち」のキャリア形成に役立つ情報を発信する『@type』のコンテンツです。

    エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職@type
  • 011号:要点解説!ヤコブ・ニールセンのiPadユーザビリティ調査報告書 – 情報提供ブログ「を!」 | シンクジャム

    Webユーザビリティの父とも呼ばれる工学博士ヤコブ・ニールセンが、2010年5月の第1版に続き、iPadユーザビリティ調査報告書(第2版)をリリースしましたので、その要点を5つのポイントにわけてまとめてみました。 原文(英語)はこちらからどうぞ。 タップ動作について “Fat-Finger”問題 iPadを操作するのは、基的には人間の指です。 PCのマウスカーソルと比較すると、指は大きくて(太くて)、細かい選択操作には向いていませんし、タップする瞬間は、その接点は指で覆われて見えず、iPadが反応するまでは、どこをタップしたのかが分かりません。 そのため、「指による操作」を考慮してインタフェースを設計しないと、次のような“Fat-Finger”問題を引き起こしてしまうでしょう。 ●ニュースアプリ「USA TODAY」 右下のアイコンが小さすぎて、正しくタップできない(タップしたはずな

  • 5人のユーザーでテストすれば十分な理由

    手の込んだユーザビリティテストはリソースの無駄づかいだ。最高の結果を得るためには、5人以下のユーザーでテストし、小規模なテストを余裕のある限りたくさんやることだ。 Why You Only Need to Test with 5 Users by Jakob Nielsen on March 19, 2000 ユーザビリティはお金がかかって複雑だ、ユーザビリティテストなんて、よっぽど予算があって、しかも時間的にも余裕があるという、めったにないプロジェクトのために取っておけばいい、と考える人もいるようだ。だが、それは違う。手の込んだユーザビリティテストは確かにリソースの無駄づかいだ。最高の結果を得るためには、多くとも5人のユーザーでテストすれば十分。そのかわり、小規模なテストを余裕のある限りたくさんやることだ。 以前の調査で、Tom Landauerと私は、n人のユーザーでテストしてわかるユ

    5人のユーザーでテストすれば十分な理由
    flyeagle
    flyeagle 2012/07/16