効果的なフォームをデザインする：構造、入力、ラベルおよびアクション | POSTD
画像の出典：form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測（アイトラッキング）、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け
デザインに迷ったらこれ！デザイナー向けの便利なWebサイト・サービス10選
配色、フォント、レイアウト、アニメーションなど、デザイナーが考えなければはいけないことは膨大です。急がなきゃいけないのになかなか作業が進まない…と苦戦することもあるのではないでしょうか。 そこで今回は、デザインをより効率的に、ハイクオリティにしてくれるWebサイトやサービスをご紹介します。 Coolors Coolorsは、バランスの良い配色パターンをランダムに表示してくれるWebサービスです。スペースキーを押すと、センスのある配色パターンを次々と生成してくれます。 気に入った色は固定することができ、さらにそれに合った色を探してくれるのでとても便利です。また、気になった色にカーソルを合わせれば、HSB、CMYK、RGB、PMSの値やコピックの色番号を知ることもできます。 COLOR SAFE
Sketchブームに終止符！？ついにAdobeがUXデザインツール「Adobe XD」を公開！ - Tortoise Shell
Adobeが、ついにUXデザインに特化したツール「Adobe XD」を公開しました。 下の動画を見てみてください。 Adobe XD (Preview): Quick Demo これまでのAdobeらしからぬ、大変シンプルなUIですね。 UIデザインのツールといえば… PrototypeモードはUIデザイナー待望の機能 Sketchの運命やいかに 当ブログのおすすめ記事 UIデザインのツールといえば… ところでUIデザインのツールといえば、ここ数年で「Sketch」がブームになっていますね。 最近はデザイナーの求人などを見ていても、東京のIT企業を中心に「Photoshop, Illustrator, Sketchを利用したUIデザインの実務経験を有すること」という表記を目にするようになりました。 Sketchは、確実にUIデザインのツールとして普及してきています。 そんな中で、Adobe
2016年に備えてしっかり確認しておきたい、Webとグラフィックデザインのトレンドと今後の展望
Webデザインやグラフィックデザインのトレンドをしっかり知っておくことは、非常に大切です。廃れゆくものを採用するのではなく、今必要とされているものが何なのか、そしてなぜそれが必要とされているのか理解することで、よりよいものが制作できます。 Webとグラフィックデザインのトレンドとその背景、目的、展望などを紹介します。 16 Graphic Design Trends To Watch In 2016 各項目ごとのグラフィックも分かりやすく、注目です。 01. ユーザーが使いやすいこと 02. レスポンシブデザインの考え方 03. アプリを彷彿させるWebデザイン 04. ナビゲーションの進化 05. モジュール式のテキスト 06. モジュール式と無限スクロール 07. Material Design 08. フラットデザイン 09. 1,000の言葉よりもビジュアルで 10. インフォグラ
UXデザインで考えるコンテンツ設計 | ykazu.com
先日、ベースキャンプ名古屋にて開催された WCAN mini 2015 Vol.1 「UXデザインプロセスを活用したコンテンツの評価方法」（講師: 長谷川 恭久さん）の参加レポートとなります。 このセミナーでは、主に Web サイトにおけるコンテンツの実状と把握、その評価やより良いコンテンツを提案するための UX デザインの手法をレクチャーとワークショップを交え、5時間で学ぶというものです。 良いコンテンツを設計し提供するためには、ユーザーを理解すること・今のコンテンツを評価すること。これらは制作プロセスでは当たり前なことでも「できていない現実」に改めて気付かされます。いくつか自分なりの解釈も含めて、特に印象的だった内容をハイライトとしてレポートします。 良いコンテンツとは？ 「良い」は誰が決めるのでしょうか。利用者、ユーザーです。コンテンツ提供者は、ユーザーになり代わって良いコンテンツを
デザイナー必見！アプリのUIを一覧で見られるギャラリー。
iOS7のフラットデザイン化でほとんどのアプリがデザインの路線を大幅に変更する事を余儀なくされました。これまでのお馴染みアプリもどんどんアップデートされ、フラットデザインへの対応がなされています。これからアプリを開発するにもフラットデザインのUIというのは非常に重要な要素になっています。 App Storeでデザインの参考になるアプリを一つ一つ見ても良いのですが、UIを一覧で表示してくれる非常に便利なサイトを見つけたのでご紹介。 アプリのUIを集めた「Pttrns」 こちらがトップ画面。アイコンではなくUIで並んでいるのでたくさんのデザインを素早く見る事ができます。新着順で並んでいるので、フラットデザインのものばかりが表示されています。見ているだけでも楽しいですね。 簡単に細部のチェックが可能 画像にカーソルを合わせると、ルーペで拡大してくれます。なので細部のデザインやフォント・ボタンを確
Bootstrapで物足りなく感じているウィジェットをまとめて提供·Fuel UX MOONGIFT
Fuel UXはBootstrap用、JavaScript/CSS製のオープンソース・ソフトウェア（MIT License）です。 Bootstrapを使ってWebアプリケーションを開発していると、どうしても足りないコンポーネントが出てきます。ネットで探せば見つかるのですが、組み合わせている内にバランスが悪くなってしまいます。そこで使ってみたいのがFuel UXです。 様々なウィジェットが提供されています。まずチェックボックス。 コンボボックス。選択した情報が取得しやすいです。 データグリッド。検索でのフィルタリング、ページネーションもサポート。 検索すると右側に×ボタンが出ます。分かりやすいですね。 タグ。×ボタンも出ていて消すのも簡単です。 検索ボックス。 スピナー。上下のボタンを使って値をインクリメントできます。 ツリー。エクスプローラライクな表示が実現できます。 ウィザード。パン屑
UXを学ぶならこれだけは目を通しておけ！ - UX-design
2013-04-11 UXを学ぶならこれだけは目を通しておけ！ UXとはなんぞや!?って日々思いながら手探りでUXを意識したサービス開発、UXの向上を測っております、どうも @tacumacy です。 ボク自身、UXのことはなんとなーくわかってはいましたが、本格的にそれを仕事としてやろうとなった時から本気で勉強しなきゃやばい！と思い猛烈に危機感を感じたので、めちゃくちゃネットサーフィンをしてUXに関する情報を集めては読みまくりました。そこでボクが読んで参考になった書籍や記事を、どうせならここでまとめて見れるようにしておこうと思います。もし勉強したいな、と思ったときに見ていただけると幸いです。 こんな人に読んでほしい ・これからUXを学びたいと思っている人 ・UXについて、手っ取り早く情報が欲しいと思っている人 書籍紹介 以下、これだけは頭に入れておきたいなぁと感じた内容をまとめてくださって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
https://kaizenplatform.com/media/