使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください 条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるインタフェース - あなたが実際に体験したインタフェース よろしくお願いいたします。
使い易いユーザーインタフェースとは何かを勉強しています。 そこで、質問です。 - 使い易いユーザーインタフェースを持ったウェブサイトやソフトウェアを教えてください - また、それが使い易いと感じた理由を教えてください 条件は以下、 - 一般的なパソコンのディスプレイ、マウス、キーボードで触れるインタフェース - あなたが実際に体験したインタフェース よろしくお願いいたします。
モバイルデザインアーカイブとは？ 携帯サイトを制作する上で、「ケータイサイトを参考にしたいけど、仕事に役に立つケータイサイト集ないかなー？」と思っているデザイナーの方へ向けて公開させていただきました。 そんなモバイルデザイナーのモバイルデザイナーによるモバイルデザイナーのための国内最大の携帯サイト集です。 モバイルサイト制作を請け負ったけど、「なかなかデザインがまとまらない」「洗練 された携帯サイトのデザインを参考にしたい」といった方のために、優れたデザインの ケータイサイトを集めました。 デザインに優れた携帯サイトはもちろん、技術的に優れた携帯サイト、そして現在のウェブトレンドを捉えた携帯サイトを掲載しています。
If you want to maximize the revenue of your service you need to maximize completion rates of your web forms. Unless you have some revolutionary ideas to impress your visitors at first glance, it is not enough to simply enable users to sign up on your site. To make it possible for the service to reach a maximal exposure we, designers, need to provide users with a good user experience. We need to in
アイコンの効果的な使い方を実例から学ぶチュートリアルをSmashing Magazineから紹介します。 How To Use Icons To Support Content In Web Design 下記は、その意訳です。 How To Use Icons To Support Content In Web Design アイコンは、ユーザーをあなたのウェブサイトの内容に惹きこませるシンプルで、効果的な方法です。 アイコンを使用して、ウェブサイトのコンテンツをサポートする素晴らしいサンプルとベストプラクティスを紹介します。 1. How To Use Icons アイコンを効果的に使用する方法 アイコンを使用する際のゴールの一つは、ユーザーに情報を素早く、そして効率的に伝えることです。 アイコンを効果的に使用すると、説明を必要とせずに、有効なコミュニケーションを可能にし、少ないコンテ
「HomePage Store（ホームページストア）」は、月5,250円からの定額制のホームページ制作・保守サービス込みのホスティングサービスです。国内最大級のホスティングサービス「アイル」が提供しています。ホームページ開設に必要な独自ドメイン、ホームページ制作・保守、メール＆ウェブ機能を備えたホスティングサービスのすべてオールインパックで提供。HomePage GALLERYに新作品リリース お客さまは「HomePage GALLERY」で紹介されている作品をひとつ選び、そのデザインやレイアウトをベースにお好みのホームページの制作をプロに依頼することができます。 「HomePage Store」では、今後も積極的に良質な作品を追加して、より多くの選択肢をお客さまのためにご用意いたします。
PSD navigation menu 10 unique website navigation menus with a rounded corners, for your web project. Used glossy style. All menus are editable, you can easily update color, change the size, remove text and export it in a necessary file format. Rollover states are in their own layers. Full preview Resolution: 962×46 px Size: 651 KB Format: Photoshop PSD Color theme: black, grey, blue, green, red, o
The Book Cover Archive, for the appreciation and categorization of excellence in book cover design. Who runs this thing? The Book Cover Archive is edited and maintained by Ben Pieratt and Eric Jacobsen. BCA biz © 2024 Internetland & Eric Jacobsen. All covers are the copyright of their respective owners. We work hard to credit well. Send suggestions, comments or bugs to info@bookcoverarchive.com.
久しぶりにユーザビリティねたを続けて。 企業のサイト特有の事情として、「ビジネス制約の関係から（載せたくもないものを）画面に載せないといけない」ことが多くあります。 具体的には 事情を知らない誰か（※詳細はご想像ください）が、「これ入れないといけないだろう」と言う → そういう人に限って、最終決定の権限を持っていたりして、、、 利用規約などの説明を延々行わなければならない サービス紹介の過程で、どうしても自社が弱いスペックも見せざるを得ない といったところでしょうか。 そこを何とかうまくやりくりするのも画面設計のスキル。 見せたいものと見せたくないものを両立させている画面を今日は紹介したいと思います。 1. 右カラムを有効活用する Doda転職サポートお申し込みフォームの例です。 「利用規約などの説明を延々行わなければならない」を綺麗に回避したページ。 通常1カラムで組むフォーム部分の右側
どうもペルソナというものを人を理解するためのツールだと誤解している面がある。そうじゃないんですね。ペルソナはあくまで製品とそれを使う人の関係性を理解するためのモデルです。それゆえ、ペルソナには基本的に製品をどうデザインすればよいかがわかる情報のみが簡潔に示されているほうが望ましいと僕は考えます。 ペルソナとは、そもそもインタラクションデザイナーであるアラン・クーパーが考案した、ゴールダイレクテッドデザインと呼ばれるインタラクションデザインの手法の一部です。 詳しくは『About Face 3 インタラクションデザインの極意』に紹介されていますが、ゴールダイレクテッドデザインは上図のようなプロセスに従って、インタラクションのデザインを行っていきます。 ペルソナという形でのユーザーモデリングを含めた利用状況のモデル化、そこから、シナリオ法を用いた要件の定義、さらには要素の抽出～構造化を経て、再
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 昨日の土曜日は、先週に引き続き、ユーザー中心のWebサイト設計・ワークショップの2日目の講師をしてきました（前回の模様は「ユーザー中心のWebサイト設計・ワークショップ1日目」を参照）。 前回は、インタープリテーション・セッションによるワークモデル分析～KJ法でのデータ統合～ペルソナ作成までの作業を実際にやってもらいました。今回はその続き（まさに、ペルソナ作って、それからどうするの？）で、実際にペルソナがどうWebサイトを利用するのかというインタラクションを行動シナリオに書いて、画面フローを考え、最終的にペーパープロトタイプをつくるという一連の作業をやってもらいました。 具体的には、以下のようなスケジュールで実施。 10:00 講義、アクティングアウトのビデオ上映 10:3
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 昨日は、以前「ユーザー中心のWebサイト設計に関するワークショップを開催します。」で告知した、デジタルスケープ主催の「ユーザー中心のWebサイト設計」で講義とワークショップの講師をやってきました。 今回の講義では、昨日と来週の土曜日の2日間にわたって、ユーザー調査からペルソナ／シナリオの作成、そしてペーパープロトタイプの作成までの一連の流れを体験してもらいます。2日間計10時間で行いますけど、UCDの流れをほぼひとまとめに体験してもらうので、かなりタイトな時間のなかでの作業になります。 昨日（1日目）のタイムスケジュールはこんな感じ。 10:00 会場説明、注意事項伝達 10:15 チーム編成発表・自己紹介 10:20 講義 11:10 演習のオリエンテーション・インタビュ
Pantone Selects Color of the Year for 2009 ミモザの花言葉は、「豊かな感受性」。 満開のミモザの花は素晴らしいきらめきをはなち、晴れやかであふれる希望をイメージさせます。 ミモザは、女性のアクセサリー、家具、スポーツウェア、男性のタイやシャツなどに輝きを与えます。インテリアにもマッチし、朗らかで暖かさも演出するでしょう。 Pantone: fashion color spring 2009 続いて、2009年春のトレンドカラーです。 pantone fashion color report spring 2009 2009年春のトレンドカラーは、新芽の息吹や開花を表現したもの。「新しい始まり」を予感させます。 サイトでは、2009年春のトレンドカラーの各色のイラストや説明があるPDFが配布されています。
これはいい。ウェブのボタンやフォームの配置等についてのティップスがつまったプレゼン。元Yahoo.comのAjaxエヴァンジェリスト、現NetflixのUIエンジニアBill Scottさんの作によるものです。 UIの話で図がいっぱい入ってるから英語読まなくてもなんとなくわかるし。 Yahoo.comの映画レビューで使われているUIは僕も好きだなあ。グレード評価なので日本にそのまま使えるわけではないけど、レビューサイトとか作るとしたらぜひああいうの入れたいと思います。 Javascriptでその場でいろいろする場合にも、マウスの移動距離を考えよ、ってのを見てはっとしました。あんまり考えて無かったかもしれません。 327ページのスライドというのがすごいですね。新刊(↓)の宣伝とはいえ、ここまで出してしまうとは。 [am]0596516258[/am] 今回のプレゼンとは違いますけど、一昨年に
最近リリースされたものを中心とした、細部までしっかりとデザインされたWordPressのテーマ30選＋αです。
10名のデザイナの方々に「Geekなぺーじ」デザインダメだしをして頂けました！ 何か凄く豪華な会合をして頂いて非常に恐縮です。。。 昨晩早速いくつかサイトデザインを変更してみました。 以下に、会合は開催された経緯、そこでの指摘、昨晩の変更点を述べます。 会合が開催された経緯 「Geekなぺーじのデザインは駄目だろう」とずっと思っていたのですが、「どうすれば駄目ではなくなるか」に関してどうして良いのかが全くわからないという日々が数年間続いていました。 そして、キッチリとしたサイトを作れる方々に対する憧れというものがありました。 ある日、twitterで何度かやり取りをして、その後某新年会でお会いしたcremaさんが過去の勉強会資料(デザイン勉強会の資料を公開します。)を教えてくれました。 それを見て「これはすごい」と思ったのですが、「じゃあ、この考え方を自分のサイトに適用したらどうなるの？」
Cardoberver - Business Card Design © 2019 CardObserver. All Rights Reserved.
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
「どんなサイトのどんな広告をユーザーは見るのか」――これは、広告主もメディア運営者も非常に興味ある事項ではないでしょうか。 今回は、いくつかの大手サイトを男女計5人の被験者に自由に閲覧してもらい、ユーザーがどの広告に目を引かれていたのかをアイトラッキングマシン（被験者の視線の動きを追跡するツール）を使って検証しました。はたしてどんな結果が出るのでしょうか。 口コミに夢中で広告見ず 図1は＠cosme（アットコスメ）を見ていた被験者A（女性、20代後半）の視線です。右側に配置された広告は全く見られていません。被験者Aはトップページから迷わずユーザーの感想が書かれているページへと行き、その後ずっと口コミを丹念に見ていました。また、口コミ以外の要素には全く目を向けませんでした。 図1：＠cosmeを見ていた被験者Aの視線。水色の線は視線の動きを、丸の大きさは視線の滞留時間の長さを示す。青で囲った
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
