タグ

uiに関するteramakoのブックマーク (23)

  • Redirecting…

    Redirecting… Click here if you are not redirected.

    teramako
    teramako 2013/03/19
    ま、たしかにオプションの設定項目はリファクタリングした方が良いとは思う。画像やJS、Cookieとかなんかはabout:permissonに逃すとかね。
  • 狭い画面でもウェブを広く表示してくれるFirefox拡張『Smartest Bookmarks Bar』 | ライフハッカー・ジャパン

    デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

    狭い画面でもウェブを広く表示してくれるFirefox拡張『Smartest Bookmarks Bar』 | ライフハッカー・ジャパン
    teramako
    teramako 2013/02/12
    『Firefoxのユーザーインタフェースはオールドファッション』UIってファッションなのか・・・?
  • Ux overview fxworkweek_april2012

    It's been a few months now since we merged the mobile and desktop Firefox user-experience teams into one supercharged all-platform Firefox design juggernaut (in the good sense). In that time, we've been hard at work digging into the next set of features and improvements, as well as pursuing one of our major goals for the year: getting Firefox to feel more like one product — more Firefoxy — across

    Ux overview fxworkweek_april2012
  • 最も支持されるJavaScriptの表現方法とは? 【スマホのインタラクションデザイン調査】

    『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

    最も支持されるJavaScriptの表現方法とは? 【スマホのインタラクションデザイン調査】
    teramako
    teramako 2011/10/18
    アコーディオンにおける +, - の違いはあまり意識されていない感じが興味深い
  • fladdict » スマホのUI考 〜 ボタンについて

    SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ

    teramako
    teramako 2011/06/13
  • 今日のUIは高齢者には優しくない? | スラド

    プロダクトデザインおよびエンジニアリングを専門とするMike Bradley氏によると、今日のソフトウェアやハードウェアは高齢者にとっては不必要に複雑であるという問題があるそうだ(PC Pro、家/.)。 昔のグラフィカルUIはよりシンプルであり、現在ほど複雑ではなく、どのように操作すればよいかはずっと分かりやすかったとBradley氏は指摘する。また今日のUI設計は特に若者をターゲットとしており、結果として高齢者を疎外する状況を生んでいるという。 スマートフォンユーザのUI知識を前提とする開発側にも問題があるという。iPadのような端末はPCより操作は分かりやすいとされているが、それでもある時点にくるとアイコン操作に関する一定の慣れと知識を要求されるとのこと。 例えばiPhoneのアラームについては時計の文字盤と「+」記号のアイコンが表示されているが、高齢者はこのアイコンと「アラームを

    今日のUIは高齢者には優しくない? | スラド
    teramako
    teramako 2011/05/25
    ちょっと読んだ感じ面白い。あとでじっくり読みたい。
  • Firefoxのシェアとか、Chromeのシェアとか - WebStudio

     もずはっく日記(2010年10月) 2010年10月7日 Firefoxのシェアとか、Chromeのシェアとか 初回投稿日時: 2010年10月07日21時45分15秒 カテゴリ: Firefox Google Chrome IE 雑談 SNS: Tweet (list) 念のために書いておきますが、個人的な感想です。 スラドにもありますが、Firefoxのシェアはここ最近はずっと横ばい、Chromeに勢いがあってChromeがすごい追い上げてきています。色々なニュースで似たような結果なので大きく外れた統計ではないのでしょう。 ここで気になるのがどういった層がFirefoxを使い、どういった層がChromeを使っているのか、という点です。私の考える、あまり好ましくない展開というのは、Firefoxユーザはおおむね昔のままで、ChromeがIEのシェアを浸しているという形です。 それに

    teramako
    teramako 2010/10/08
  • Tabcandy - AzarAsk

    If you’re using a modern web browser, chances are you’ve got a few tabs open at the same time. Most certainly, there are too many of them. Is fine because they can be used to compare pages, keep note of the stuff you wish to read later, or just keep track of your efforts. It’s just that they’re so helpful that using them can rapidly become a burdensome experience. Within the first 30 minutes of si

  • Re: Firefox 4のTabs on Topを受け入れられないのは頭が硬直化している証拠 - WebStudio

     もずはっく日記(2010年6月) 2010年6月29日 Re: Firefox 4のTabs on Topを受け入れられないのは頭が硬直化している証拠 初回投稿日時: 2010年06月29日12時09分35秒 最終更新日時: 2010年06月29日12時13分01秒 カテゴリ: Firefox 雑談 SNS: Tweet (list) 慣れの問題だとは自分でも思いますが、Tabs on Topは個人的には気持ち悪いデザインです。ですが、UIチームの主張通り、彼らの主張する理屈では整理されていて、合理的だというのは賛成できますし、新規ユーザにとってはタブがどちらにあっても新たに学習することなので違いは無いと思います。 ですが、前々から気になっているこの主張だけはどうしても不自然に思えます(他の主張にはそんなに反対ではないことに注意してください)。 タブをクリックしたら、タブの上にあるナビ

    teramako
    teramako 2010/06/29
    コンピュータ上のUIを現実世界のUIの例で語ると話がややこしくなる気がする・・・
  • 使える GUI デザイン

    EmptyPage.jp > Translations > 使える GUI デザイン 使える GUI デザイン: フリー/オープンソース・ソフトウェア開発者のための手引き 2004年11月28日 Benjamin Roe さんの、Usable GUI Design: A Quick Guide for F/OSS Developers の M.Shibata による日語訳です。プロジェクト杉田玄白正式参加テキスト。 Update: この記事についてたくさんのコメントをいただいたので、FAQを作って、そのうちのいくつかについて回答することにしました(訳注: FAQ も翻訳しました!)。 イントロダクション オープンソース・ソフトウェアの世界は優れたソフトウェアでいっぱいです。ワードプロセッサから Web サービスにいたるまで、コンピュータでしたいと思うようなおおよそすべての作業において、高

    teramako
    teramako 2010/06/28
  • スマートキーワードは後ろが良い

    IE5(やそれを利用したタブブラウザ)を利用していた頃からロケーション・バーで検索していたので、特に操作性が優れているわけでもない検索バーなどはまったく使う気になれずスマートキーワードしか使ってない。最近はロケーション・バーで履歴やブックマークの絞込みも可能なので、ますます重要度が上がった。このスマートキーワード機能自体に特に不満があるわけではないのだけど、キーワードは前に付けるのではなく後ろに付けるのが良いのじゃないかと、履歴やブックマークの絞込み機能が付いて以降は考えるようになった。「g foobar」じゃなくて「foobar g」というように。 上述の通り、今の多くのブラウザは履歴やブックマークをロケーション・バーから手軽に検索できるので、 とりあえず探したい情報に関係ありそうな単語をロケーション・バーで入力する 見つかった: そのままドロップダウンから選択して開く 見つからなかった

    スマートキーワードは後ろが良い
    teramako
    teramako 2009/12/02
    *nixのパイプ的な感じ、または、OOPのオブジェクト.メソッド的な感じ
  • くるくる回して入力するUIを作ってみた - 今日のごはんは素麺です

    とある範囲の値を入力してもらいたいけど, テキストボックスじゃ自由度高すぎるし, 範囲が微妙に広いからコンボボックスじゃ選ぶのめんどいなー*1. そんなコトを考えているときに「こんなのどうよ?」と思って作ってみた. とりあえずこんな風になった このページを開いて, 青いボックスの上でマウスのボタンを押しっぱなしにすると, ちっこい矢印がでてくる. その状態で, その矢印を中心に: 時計回りにドラッグするとカウントアップ 半時計回りにドラッグするとカウントダウン します. 欠点 入力の仕方がわかりにくい*2 入力範囲が広すぎると何回もくるくるしなくちゃいけないのでめんどくさい とりあえず意外におもしろい動きなんじゃないかと思います. iPodのUI? 知らないお( ^ω^)*3 あ, もし使いたい方はこちらからJavaScriptのソースを取得してもらえればいいかと思います. ちなみにjQu

    くるくる回して入力するUIを作ってみた - 今日のごはんは素麺です
    teramako
    teramako 2009/10/20
    慣れてしまえば大変使い易いUIだと思う。タッチスクリーンとか向きかな
  • Latest topics > ブックマークを常にタブで開くようにするためだけのアドオンを公開したよ - outsider reflex

    Latest topics > ブックマークを常にタブで開くようにするためだけのアドオンを公開したよ 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « サイドバーをタブ(ツリー)の下に表示する Main History Tree » ブックマークを常にタブで開くようにするためだけのアドオンを公開したよ - Aug 19, 2009 その名もズバリ「Open Bookmarks in New Tab(ブックマークを新しいタブで開く)」。何のひねりもない。 ツリー型タブにこの機能を付けれという要望が何度も何度もいろんな人から寄せられていて、しかしどうも調べてみると、Tab Mix Plusの一機能としてはこういう機能があるものの、これだけを実現してくれ

    teramako
    teramako 2009/08/20
    うん、シンプルで分かりやすいと思う。>左/中どちらも新規タブ // 改めてUI設計は難しいなと思った
  • 雑記帳

    雑記帳

    teramako
    teramako 2009/08/08
    概ね同意。僕も普段はマウスを使っている。ただ、Alternativeがあるのは良いことだと思うし。僕はキーボードブラウジングというよりvimpのコマンドラインが気に入っているから使っているなぁ。
  • 第5回 気分の問題 | WIRED VISION

    第5回 気分の問題 2007年7月27日 IT コメント: トラックバック (0) 何かのよしあしを判断する場合、実際の価値よりも気分の方が問題になることが多いものです。買おうとする自動車が安全かどうか判断しようとする場合、安全度を示す各種の数値も大事ですが、なんとなく感じられる車体の安全感の方が重視されるでしょう。飛行機事故に逢う確率よりも自動車事故に逢う確率の方がはるかに高くても、地上の方が安心感があるので飛行機の方が怖がられるものです。何かを買う場合、実際の値段よりも割安感が重視されることが多いようです。1杯1000円のコーヒーは高すぎると感じるでしょうが、パソコンが1万円ならば安いと感じられます。このように、実際の数値よりも気分の方が重要に感じられることは多いといえるでしょう。 セキュリティシステムの場合も安心感が重要です。ギザギザの多い鍵はいかにも安全そうに見えますし、記号を羅列

    teramako
    teramako 2009/08/08
  • Latest topics > ブラウザのタブの改革 - Firefox.nextへの道:タブをより良くする。 - outsider reflex

    Latest topics > ブラウザのタブの改革 - Firefox.nextへの道:タブをより良くする。 宣伝。日経LinuxにてLinuxの基礎?を紹介する漫画「シス管系女子」を連載させていただいています。 以下の特設サイトにて、単行まんがでわかるLinux シス管系女子の試し読みが可能! « 巻き戻し/早送りボタンが26日以降クラッシュする件 Main ツリー型タブでブックマークにツリー構造を保存できるようにしてみた » ブラウザのタブの改革 - Firefox.nextへの道:タブをより良くする。 - Jul 30, 2009 Mozilla Corporationの中の人であるAlexander Limi氏が次世代のFirefoxのタブインターフェースをどのように改善するかについての議論の叩き台となるエントリを6月に公開されている。その中にツリー型タブへの言及もあった。だか

  • 自前でキーボードショートカットを実装するウェブサイトは、キーボードでブラウジングする人のことをもっと考えてあげてください - by edvakf in hatena

    簡単なことですが、ウェブサイトがキーボードショートを実装した場合、主にそれを使ってくれるのは、「普段からキーボードでブラウジングすることに慣れている人」です。 普段マウスを使う人は、どれだけ便利なショートカットがあったとしても、それに気付くことすらありません。 そして、キーボードでブラウジングする人が嫌うことのベスト3がこんな感じだと思います。 Flash 自分のショートカットをウェブページのショートカットに乗っ取られること。 自分のショートカットとウェブページのショートカットが同時に働いてしまうこと。 2番目は例えば Google Maps で、「もっと下」を見ようとしてマウスのホイールを回したら、ズームしちゃってウゼー!ってのと同じです。 この場合、よっぽどそのショートカットが使いやすくない限り、積極的に使いたいと思いません。 j/k で次のページ・前のページへ移動させるブログとかあり

    自前でキーボードショートカットを実装するウェブサイトは、キーボードでブラウジングする人のことをもっと考えてあげてください - by edvakf in hatena
    teramako
    teramako 2009/06/06
  • はてなブックマークFirefox拡張の感想とか (agenda)

    はてなブックマークFirefox拡張をインストールしてみた。 まず「ユーザー」と「はてなブックマーク」との架け橋(UI)はツールバーとステータスバーがこれを担っている。デフォルトの設定ではポインティングデバイス依存で、代替手段が提供されないが、ツール→はてなブックマークから色々設定を変更できる。ここまでは別にいい。しかしキーボードショートカットを変更する手段がまたポインティングデバイス依存なんだよ。こんなUI見たことも聞いたこともないよ。入力欄を「クリック」すると(「アクティブ」じゃあない)、「キーボードを押して、ショートカットを設定します」というモーダルダイアログ系がポップアップされる。これには「キャンセル」ボタンがついていて、押すとこのポップアップ表示が消える。問題はショートカットの入力を受け付けるのは、このダイアログがポップアップされているときだけだという事実。俺はこんなUIをみたこ

    teramako
    teramako 2009/04/15
    サイドバーのタグをフォルダ表示はちょっと違和感があったんだけど、これが原因か。//『こんなUI見たことも聞いたこともないよ。』無駄に煽っている感じがする。あまり好きじゃない表現。
  • [BB Watch] 「Safari 4」パブリックベータ版を早速インストール - WebStudio

     もずはっく日記(2009年3月) 2009年3月7日 [BB Watch] 「Safari 4」パブリックベータ版を早速インストール 初回投稿日時: 2009年03月07日21時52分09秒 最終更新日時: 2009年03月07日21時52分34秒 カテゴリ: Firefox Mozilla Core Safari SNS: Tweet (list) 検索ボックスは、「Google Suggest」に対応しており、入力中の文字列からキーワード候補の表示などを表示できる。同機能では、日本語入力中においても候補表示が行えていた。 Fxでも一時、やるべきかという話が出てたんですが、難しすぎて私は保留した機能です。理由は簡単で、日語と中国語のIMEユーザにとって、深刻なアクセシビリティ問題が発生するためです。これはなんちゃって国際化と言ってしまって良いぐらい非道い実装だと私は思います。 例え

    teramako
    teramako 2009/03/09
    safari4 と IMEの問題。
  • はぁ、またか、とFlashがダメだなと思う一瞬

    先に補足を追記します: 僕のスタンスをはっきりしておかないとFlashという単語などの想定しないところで思考がひっかかる人が出てきそうなので書いておくと、 ・これから以下に書くようなFlashを作っていた人でもあります。 ・FlashやAdobe(Macromedia)プロダクトが大好きです。 ・現状の環境で素晴らしいUIを実現するにはFlashとJavaScript(Ajax)の適材適所での利用は不可欠だと思っています。 以上のことを踏まえた上で読んでいただけるとありがたいです。 こんな記事を見つけた。 次世代画像クルージング技術「ImageCruiser」、楽天市場で実験開始 :: SEM R 色検索とか地図検索とか作っていろいろ思うところが多い者としては、行く末が気になります。 予想を裏切って欲しいという意味で、成果があがることを期待しつつ。 が、どうしても気になっていて、これ画面ね

    teramako
    teramako 2009/01/07
    Flashうんぬんはともかく、内容には同意。