Windows ユーザー エクスペリエンス ガイドラインThis browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
Themes - macOS - Human Interface Guidelines - Apple Developer
macOS Design Themes Four primary themes differentiate macOS apps from iOS, tvOS, and watchOS apps. Keep these themes in mind as you imagine your app’s identity. Flexible People expect macOS apps to be intuitive, while simultaneously adaptable to their workflow through customization and flexibility. Many apps offer configurable preferences, customizable interfaces, and alternate ways of completing
"Less is more"なもの作りと合議制と
ズバリ言ってしまうと既存機能に上乗せする企画は通すのが簡単だし、リスクが少ないからだ。【機能やボタンが多すぎ!! 使いにくいUIのデジタル家電が発売されてしまう本当の理由 - キャズムを超えろ！より引用】 こういった罠にハマらないためには、色々とすべきこと・してはいけないことがあるが、たぶん最も強く意識すべきは「合議制では良いものは作れない」という法則。デザインに関わる人が多ければ多いほど、「いろいろな意見」が寄せられてしまい、「せっかく有意義な意見を出してもらったのだから」と次々に意見を取り入れているうちに、機能だけはたくさんあるけど魂が無くて妙に使いにくいものが出来てしまう。 その意味では、37signalsの人たちが言うところの「less is more」は「単に機能を削って使いやすくする」というだけの話ではなく、「企画に関わる人の数を削って魂があるものを作る」というもの作りの過程そ
ソーシャルウェア･ユーザビリティ : 小野和俊のブログ
これまで長い期間に渡って、ソフトウェアは一人で使うためのものだった。 ここで言う「一人で使う」ということの意味は、自分以外にも家族も使うかどうかというような意味ではない。例えばテキストエディタは他の PC の前に座っている誰かとリアルタイムで共同編集するものではなかったし、ゲームはネットに接続せずに自分一人で遊ぶものだった。そういう意味でソフトウェアはこれまで長い期間に渡って一人で使うためのものだった。 だからこれまで私たちは、ユーザビリティのことを考えるとき、まず自分が一人で使うときに使いやすいかどうかを考えてきた。 例えば、昨日はてなの伊藤さんが書いていたような、コミュニティに蓄積されるコンテンツを良質なものにするために、あえて一人で使うときの利便性に目を瞑るという考え方は、ソーシャルウェア・ユーザビリティを重視したアプローチと言えるだろう。 以前、はてなブックマークと del.ici
「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
CMSとモバイルとフィードと四畳半社長: WebアプリのUI論:時間は縦軸、切り替えは横軸
東京都文京区本郷でとあるCMS開発会社を営む社長のブログ。さっきまで「越後のCMS問屋」だったのですが、会社が新潟に移転したと勘違いされたようなので変えました。 モバイル、ゲーム、フィード、Ajax、Flash、ハイテクグッズあたりのはやりモノが好きです。 最新作「メルルーの秘宝」がドワンゴから提供中 週刊アスキーで「2045年の週刊アスキーをつくる」連載中 最近、またいろいろなインターフェースを研究していたのですが、ひとつ気づいたことがありました。 特にWebサービス、Webアプリケーション全般がそうなのですが、縦スクロールするものと横スクロールするものについて、ちょっと気になったのです。 要するに、Webサービスは横軸方向に並べる場合と、縦軸方向に並べる場合で意味が変わるのではないかと。 言うまでもありませんが、普通のサイトは時間軸が上から下へ、縦軸方向に流れるようになっていま
AJAXでやってしまう間違い:Geekなぺーじ
「Ajax Mistakes」という面白い記事がありました。 AJAXを使ってWebアプリを作る時に陥りがちな間違いを列挙していました。 以下、要約してみました。 かなり削っているので、詳細は原文をご覧下さい。 AJAXを使うためにAJAXを使う AJAXはカッコイイ技術です。 しかし、AJAXはツールでしかありません。 AJAXはオモチャではありません。 実験的にAJAXを使うために、不必要なところにAJAXを無理矢理使っている場合が多いです。 戻るボタンの動作を妨げる 戻るボタンはWebインターフェースで重要な役割を果たしていますが、JavaScriptとの相性は良くありません。 戻るボタンの機能を維持できない場合があることは、JavaScriptのみで構成されているページをお勧めしない理由の一つです。 ただ、使い勝手の良いサイトというものは、そもそも戻るボタンに依存しなくてもユーザが
Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram
「メールが送信できました」伝えるのなら、控えめに ― ＠IT
ユーザビリティのヒント（2） 「メールが送信されました」 伝えるのなら、控えめに 「Yahoo!メール vs Gmail」 ソシオメディア 上野 学 2006/7/28 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。Yahoo!メールとGmail、使いやすいのはどっち？という疑問から使いやすいユーザーインターフェイスを考えてみましょう（編集部） 前回から始まったこの「ユーザビリティのヒント」ですが、今回もいくつかのTipsをご紹介しながら、Webアプリケーションのユーザーインターフェイスやインタラクションデザインについてボトムアップに考えていきたいと思います。 Webアプリケーションによっては、JavaScriptなどを使用して、ウィンドウの開閉、サイズの変更、スクロールバーやボタン類を隠す、アドレスバーやステータスバーを隠す、といったことを行ってい
第1回 Rich Internet Application（RIA）の時代
今のWebに足りないもの——それは，デザインとエンジニアリングが融合した世界です。この連載では，Webの「ユーザー・インタフェース（UI）」に注目し，今まで交流が深いとはいえなかった，エンジニアとデザイナが協力して，エンドユーザーの満足を勝ち取るための処方せんを考えていきます。 上の図は，マクロメディア（現アドビシステムズ）が，Flash製品を広めるために良く用いたものです。筆者は多くの方々とこの図について話をしましたが，この遷移図自体に異論を唱える人はほとんどいません。情報システムがどんな変遷をたどってきて，どのような未来に進もうとしているかの大まかな合意がここにあると言っても過言ではないのでしょう。 かつて情報システムは，メインフレームと呼ばれる巨大な頭脳と，それにぶら下がるあまり高機能とはいえない表示端末（ダム端[末]）が主流でした。導入コストも高く，使い勝手も決して良いものではあり
Bloglines がドラッグ＆ドロップによるフィードの編集機能をサポート - えむもじら
Blogline で ドラッグ＆ドロップによるフィードの編集機能が追加になりました。これまでは、フィードやフォルダの並び順は一定の規則でソートするしかなかったと思いますが、D&D で任意の並び順を設定できるようになっています。もちろんフォルダ間のフィードの移動も D&D で可能です。フォルダやフィード選択後に長めのクリックで見出しの編集モードになりリネームも容易になりました。これで編集画面はずいぶん使いやすくなりました。欲を言えば Clippings の画面でも並び替えができると良かった。この機能、ネタの保存に良く利用しているのですが、勝手にソートされてしまって使い勝手がいまいちです。 それから、これは以前からある機能ですが、Options 画面の Show only updated feeds をチェックすると新着のあるフィードだけの表示になるので、大量のフィードを購読している場合反応が
はてなのユーザインタフェースが使いにくいのは企画ができていないから - 分裂勘違い君劇場 by ふろむだ
じゃね? つまり、企画が定まっていないから、ヨーロッパの都市のように都市計画的にデザインすることができなくって、東京のような都市になっちゃう。 企画という作業って、自分探しの旅みたいなところがあって、企画しながら、自分が何を企画したいのか、なにを企画すべきなのか、を見いだしていく作業。商品やサービスのアイデンティティ探しの旅なわけだ。あらかじめ、何を企画すべきか、つまり商品のアイデンティティが分かっていたら、そもそも、企画屋があんなに髪振り乱して、徹夜してがんばる必要などない。企画でいちばんたいへんなのは、アイデンティティの構築という作業。人生において、自分自身が何者であるかを見いだし、自分自身の居場所を見つけ、自分のアイデンティティを構築するのが、たいへんな作業であるのと同じように、その商品が何者であるのかを見いだし、その商品の居場所を見つけ、アイデンティティを構築するのは、マジたいへん
ぼくはまちちゃん！(Hatena) - はてなのとっつきにくさ
こんにちはこんにちは！！ はてな楽しいですね！ ぼく最近、はてながおもしろくて友達にすすめちゃったりしてるんだよ。 だけど反応がいまいちで、とっても残念なんだよね。 なんかこんなかんじ。 Aさん(男性) にすすめたとき ※Aさんはこんなひと 業務系Cプログラマ パソコン通信の頃からのネットワーカー Rubyに興味ありそうだけど、Webの技術や動向には詳しくないというか関心なさげかな 主に掲示板・チャット・mixiなんかで遊んでいるひと はまち「はてなおもしろいよ！！！！！ぶっくまーく！！！！！！」 Aさん「はてな？ あー、ググった時によくでてくるあの邪魔なサイトかぁ… なんかひたすら文字が並んでてさー、 正直、あんなサイト二度と見たくないんだよね…」 たぶん「文字が並んでいた」っていうのは、 「単語のリンク」がたくさん並んでいたってことかな…。 うん。わかるわかる。 ぼくもはじめてはてなダ
fladdict.net blog: 「本当に素晴らしいデザイン」とは、PICASAの変なスクロールバーみたいなものを言う
お気に入り巡回先の、羨望は無知の「なぜ「デザイン」という行為、「デザイナー」という職業は誤解されるのか」や、分裂勘違い君劇場の「エンジニアの方が優れたユーザインタフェースデザインができる理由」、F's Garageの「エンジニアがダメなUIデザインをする原因」 のあたりのデザイン論が、あんまりデザインと縁のない人にデザインをわかりやすく説明してて面白い。面白いのだけどちょっと抽象的なんで、具体例の話とか書いてみるテスト。 最近、これらのエントリーで言及されるようなよいデザインを身をもって体験をした。それは画像管理ソフトPICASAのヘンテコなスクロールバー。 今まで気付かなかったけど、あのヘンなスクロールバーは単なるアヴァンギャルドやオシャレじゃあなかった。実は合理性に裏打ちされた素晴らしく美しいデザインだということに気付いた。 まずPICASAを知らない人に説明すると、このソフトのスクロ
分裂勘違い君劇場 - エンジニアの方が優れたユーザインタフェースデザインができる理由
それから、これは個人的な意見ですが、プログラマはコンピューターの扱いになれているから、そうでない人が使うためのインタフェースを設計することができない、みたいな話をときどき耳にしますが、僕はそれに懐疑的です。インタフェースをうまく設計できない人というのはプログラマに限った話じゃない。それは「プログラマは営業ができない」と乱暴にまとめてしまうのと同じようなこと。 たぶん、プログラムができるかできないかということと、インタフェースをうまく設計できるかできないかというのはあんまり相関がないように思います。むしろコンピュータの世界では、プログラマは頭のなかで思い描いたインタフェースを実現する手段を最も良く知っている部類の人で、インタフェースを作るセンスさえ持ち得れば、それ作るのにもっとも適した人たちなんじゃないかと思います。 知り合いの会社では、半期ごとだかクオーターごとだかに、その期に、もっとも優
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
