
ユーザビリティのヒント(1) 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。(編集部) 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
素人でもオシャレに作れる表紙スライドを伝授します。 汎用性が高く、作り方も簡単なので、一度覚えてしまえば楽勝です。 以前、「見やすいプレゼン資料の作り方」でたくさんのシェアをいただき、書籍化に至ることになりました。 発売を記念して今回の資料を公開させていただきました。 皆さまありがとうございます!! PDFは無料でダウンロードできますので、正しくご自由に使って下さい。 【書誌情報】 2016.01.22 発売 一生使える見やすい資料のデザイン入門 森重湧太 (著) [インプレス] http://book.impress.co.jp/books/1114101129 [Amazon] http://www.amazon.co.jp/dp/484433963X 【連絡先等】 Yuta Morishige 資料作成のSKET(http://sket.asia/)にてディレクターを担当 個人メール
デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で
社内用のメモであるか、全国的に配布する長文のレポートであるかにかかわらず、ドキュメントが読みにくいだけで、あるいはその見た目が悪いだけで、伝えたいメッセージすべてが伝わらないということもあり得る。しかし、本記事で紹介する基本的なデザイン原則を守ることで、読みやすいドキュメントを作成することができるはずだ。 ドキュメントの体裁は、人の嗜好によって左右され、会社によってさまざまな慣習があり、ドキュメント自体の目的によっても変わってくるものの、どのようなドキュメントにも適応できる不変の原則というものが存在している。いや、あってしかるべきである。以下では、Wordドキュメントにありがちな5つの問題を挙げるとともに、それらを避け、より効果的なドキュメントを作成するためのティップスを解説している。 #1:フォントの種類が多すぎる 近頃では膨大な数のフォントが利用可能となっている。だからといって、1つの
シンプルで色々な用途に使えそうな商用OKのアイコンセット「Reflection... 次の記事 ≫:2010年7月30日 管理人のブックマーク
個人的なメモです。今まであまり使って いなかったので少し使っていこうと思い、 いくつか自分でも使えそうなフレーム ワークを探しました。表題の通り、PHP、 CSS、HTMLやJS等しか僕は能力が 無いのでこの辺のフレームワークの まとめになります。 使いやすそう、使いにくそうというのは個人差が出そうだなぁと触ってみて思ったのですが、それぞれ良し悪しな感じもしたのでとりあえず気になったものだけメモしておきます。おそらく有名所ばかりだと思いますが個人的なメモなのでご了承下さい。 順不同です。 Blueprint CSSのフレームワークです。シンプルな設計ながら素敵なレイアウトが組まれている印象でした。 Blueprint Sass まだ触っていませんが、好評っぽいのでメモ。Railsみたいですが、CSSジェネレータ的な使い方もあるとの事でかなり気になる存在。Compassというのを一緒に使うの
CSS3 Generator CSS3の各ブラウザごとの対応状況の確認とソースコードの生成が同時に行える便利ツール。対応状況はブラウザのアイコンの上にカーソルを持っていくと表示されます。 Official Site CSS3 Gradient Generator v2.0 グラデーションのコードを吐き出すツール。カラーピッカーなどを使って直感的に操作できる Official Site CSS Border Radius ボーダーの角丸を表現するコードを吐き出すツール。四辺の周囲にある数値を変更するだけです。 Official Site Button Maker 画像を一切使わずにCSSだけでクールなボタンを作成。グラデーション、角丸、影などの調節が可能 Official Site CSS3, please! 左側のコードを書きかえると、プレビューが右上のプレビューが変化します。CSS3テス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く