タグ

2014年2月5日のブックマーク (3件)

  • ユーザーの目的をユーザビリティテスト用のタスクシナリオにしよう

    現実的なタスクシナリオを書くことで参加者を関与させ、行動を促そう。また、そのインタフェースがどのように利用されるべきかは明かさないようにしよう。 Turn User Goals into Task Scenarios for Usability Testing by Marieke McCloskey on January 12, 2014 日語版2014年2月4日公開 あるインタフェースで何が機能し、何が機能してないかを理解する最も有効な方法は、それを利用しているユーザーを観察することである。これがユーザビリティテストの質だ。適切な参加者が現実的な活動をしようとしているとき、ユーザーが苦労する原因になりそうなことについての定性的知見は得られる。こうした知見はデザインをどのように改善すべきかを決定するのに役立つ。 また、サイト全体のユーザビリティを明らかにする手段として、ユーザーがタス

    ユーザーの目的をユーザビリティテスト用のタスクシナリオにしよう
  • 入力した言葉に合わせてイメージカラーを自動生成してくれる「色色 [:iroiro]」

    どんな服を着ようか迷ったり、お絵描きやデザインでどんな色を使うか迷ったりした時に使えるサービスが「色色 [:iroiro]」。入力した言葉のイメージカラーを自動生成して表示してくれます。 色色 [:iroiro] http://synthsky.com/iroiro/ 使い方はとても簡単で、画面下部にテキストボックスがあるので…… こんな感じに文字を入力してルーペアイコンをクリックすればOK。 すると、その文字からイメージされる色を表示してくれます。これらの色は、入力した文字で画像検索をし、出てきた画像から主要な画像成分を抜き出してできあがるようです。 というわけでいろんな文字で検索してみます。 「ガチャピン」のイメージカラーはこんな感じ。 「ムック」は少しイメージと違います。 適当に文字を入力して、その日のコーディネートに利用したりしてもOK。 言葉のイメージ通りの色が出てくることもあれ

    入力した言葉に合わせてイメージカラーを自動生成してくれる「色色 [:iroiro]」
  • ズルいデザイン(2):SassやCompassを使って、ズルいデザインテクニック (1/2) - @IT

    SassやCompassを使って、ズルいデザインテクニック:ズルいデザイン(2)(1/2 ページ) SassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介。グラデーション、角丸のお手軽かつ効果的な使い方とは? シリーズ第2回、前回に続き、今回もSassやCompassを使って、少ない手間でちょっといい感じに見せる小ズルいTipsを紹介します。 今回は、グラデーション、角丸のお手軽かつ効果的な使い方について解説します。 (注)このページでは、個々のデザイン要素を分かりやすく説明するために、実寸サイズより画像を拡大して使用しています。 1: ズルいグラデーション CSS3ではグラデーションを扱えるようになったことから、画像を使わずに自在にグラデーションを描画して、CSSだけでよりリッチなビジュアル表現が可能になりましたが、一口にグラデーションといっても、う

    ズルいデザイン(2):SassやCompassを使って、ズルいデザインテクニック (1/2) - @IT