UXとは何ぞや？ UXを高める武器を手に入れよう！ ― 開発者は、いかにユーザー・エクスペリエンス（UX）と付き合うべきか ―
連載目次 ◇本連載の趣旨 ユーザー・エクスペリエンス（以下、UX）とは、大ざっぱにいうと、ある製品（アプリケーション）をエンド・ユーザーが使った際に経験する「楽しさ・心地よさといったプラスの感情」を、（エンド・ユーザーに提供する）価値として重視するコンセプトだ。具体的には、見た目のみではなく、使い勝手や信頼性などの側面を重視した設計を行い価値を実現する。（UXの詳細な定義については後述）。そのUXが注目されるようになって久しい。が、UXの定義や意味するところ、もたらされる恩恵は、一般の開発者レベルまで伝わっているだろうか。 開発者にUXについて尋ねると「UXはデザイナーの仕事（なので、自分には関係がない）」というような意見を持っている方に出会う。本当にUXに関係のない開発者がいるのだろうか。 アプリケーションに対するエンド・ユーザーの不満を例に、不満の原因が誰の責任か見てみよう。 これら、
Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation
この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリは こちら です.
ブラウザのサイズに合わせてグリッドも変更する -Fluid Grid system
可変グリッドシステム用のスタイルシートのフレームワーク「Fluid Grid system」を紹介します。 Fluid Grid system ※グリッド表示は右上の「SHOW GRID」をクリック 上記ページではブラウザのサイズを小さくすると、それに合わせてグリッドも小さく変更されます。 ブラウザのサイズを小さくしたキャプチャ 「Fluid Grid system」は成果物としてのレイアウトと同様、プロトタイプでも素早く使えるように設計されたものです。 デザイナーは素早くレイアウトがデザインでき、しっかりと設計された水平や垂直のリズムをもつ複雑なページの変更をすることもできます。 ダウンロードできるデモファイルには、6カラムと9カラムのレイアウトが用意されています。
「Webを支える技術」。Webアーキテクチャを知り、Webサービスを設計するための一冊
日本にREST（Representational State Transfer）と呼ばれるWebのアーキテクチャスタイルを広めた山本陽平氏から、「本を出版するので送りたい」という連絡をいただいたのが約1カ月前。送られてきたのがこの本「Webを支える技術」でした。 山本氏のブログを拝見すると、約1年ほどはこの本の執筆に取り組んでいたご様子。中味を読んでみればそれも納得です。 本書はWebを支える3つの技術、HTTP、URI、HTMLを中心にWebのアーキテクチャを詳しく解説することから始まり、Webのアーキテクチャに沿ってWebアプリケーションや（広義の）Webサービスをどう適切に設計していくべきなのか、という、Webアプリケーションを開発するときに必ず考慮しなければならない課題を解決する道筋を教えてくれます。 Webアプリケーションをどう設計するべきか、大事なことなのに、これまでこれほど十
アクセス解析は企画・設計が9割！時間と金を無駄にしない始め方 [アクセス解析tips] | 衣袋宏美のデータハックス
企画フェーズの進め方「サイトの目標設定」「業績評価指標項目の設定」が「企画」フェーズだ。 アクセス解析における「企画」は、サイトの成果をどう測定すべきかを熟考することだ。そのためにはまず「サイトの目標設定」がないと始まらない。もちろん大きな会社のサイトであれば、複数の目的があってしかるべきで、目標が複数設定されていても構わない。 続いてそれぞれの目的に応じた業績評価指標を設定すること。これは各マネージメント・レベルに応じて別々に設定すること。具体的な例としてECサイトで考えてみると、次のようになる。 全体を統轄する人間は、全体の売上高や一人当たりの利益額などといった、全体の損益・収支に直接関係する管理指標を見る。商品群Xを率いるマネージャーは、その商品群のコンバージョン率や新規購入率、リピート率、一人当たりの購入単価などを管理指標とする。このように、「誰がどこのパフォーマンスの責任を負うべ
![アクセス解析は企画・設計が9割！時間と金を無駄にしない始め方 [アクセス解析tips] | 衣袋宏美のデータハックス](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c7da2e9041cd0eab265a2c698386bec563d2a30/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2009%2Fdatahack%2Fdatahack_icon.gif%3Fitok%3DHzcXGYqr){kind=icon}
配色パターンからWebデザインを考える
2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト！ まずは色彩の三属性について 色は彩度・明度・色相の三属性（三要素とも呼ぶ）から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和食・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い＝明るい色はさわやかで爽
不味いメシ屋の見分け方と企業サイトのデザイン: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 ノッケから経験値でものを言って申し訳ないが、不味いメシ屋というのは、たいていメニューが多すぎるという共通項があるように感じてます。しかも単に多いのではなく脈絡がなく多い。得意料理なんて当然ないんだろうなと思わせるメニューの並び。その時点ですこしもいい匂いがしてこない。案の定、食事時でも店のなかはがらんとしていたり。 いい匂いのしないWebサイトそれって実は企業サイトでもおなじこと。 やたらとメニューが並んでるだけじゃ、いい匂いはしてこない。 中小企業やらシステム系の企業でありがちなのが、そういう何でもできます的なメニューの並び。で、何屋なの？というサイトになってしまっているところが少なくない。 あーあ、Webのデザインした会社がそのへん、きちんとコーディネイト、デザインして
コンバージョン直前のユーザがつまずきやすいポイント (ユーザビリティ実践メモ)
コンバージョン率向上を考えた場合、エントリーフォーム最適化（EFO）など、フォーム内の改善に意識が向きがちですが、実はフォームに入る前の段階にも改善すべき点が残されている場合があります。 今回はフォームに入る前のページでよくみられる、ユーザのつまずきやすいポイントをご説明します。 ウェブサイトを訪問しているユーザにとって、個人情報の入力などの手続き行為は主目的ではありません。商品を購入したり、申し込み後にサービスを利用することが本当の目的です。その目的に早く到達するため、手続き行為にはできるだけ手間をかけず、手早く終わらせようとする傾向が見られます。 ここで、注意が必要なのが手続きの途中に会員登録のステップがあるケースです。 ECサイトでは「購入」の手続きの途中で「既存/新規ユーザ」の振り分けが行われる場合がありますが、ユーザは手続きのステップとして「会員登録」が必要あることを必ずしも事前
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
巢湖堤换航天信息有限公司
セオリーに基づいたカラースキームが設計できるオンラインサービス