UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 メールアドレスは、もっとも間違いやすいフォームフィールドの１つです。 入力データにはさまざまな種類の文字による長い文字列が含まれているため、間違って入力してしまいがちです。これにより、ユーザーが間違ったメールアドレスを送信する可能性があるのです。 メールアドレス確認の問題 デザイナーは、メールアドレスの確認フィールドを追加することで、間違ったメールアドレスの送信を防ぐことができると考えています。メールアドレスの確認フィールドの追加で誤送信を何件か防ぐことはできるかもしれませんが、必ずしもすべてを防ぐことができるというわけではありません。 多くのユーザーは、メールアドレスの入力内容をコピーして、確認フィールドに貼り付ける傾向があります。これでは、ユーザーが間違ったメールアドレスを貼り付ける

どこの業界にもいると思いますが、理不尽なことを要求してくるふざけた顧客というものは残念ながら存在します。社内で同じことをやったら直ちにパワハラ認定されて訴えられてしまいそうな卑劣な行為で、それ、人としてどうなんですか？というようなことでも下請事業者に対しては平気でやってくるような人間のクズも世の中には存在します。 こういう人って人としてのマナーを知らないというか、礼儀を知らないというか、控えめに言って性格が悪くてとてもかわいそうな痛い人間ですよね。こういう輩が取引先の担当者になってしまって理不尽な目にあっている人達は大勢いると思います。 どんなに理不尽なことを言われたとしても、相手が「顧客」となるとどうしても言いなりになってしまいがちです。たとえ理不尽だとしても要求を拒否して取引停止されたりお金を払ってもらえなくなったりという事態は怖いですからね。でも自社をブラックな環境にしないためには本

日本経済新聞は国内を代表する経済誌だ。その電子版はwebでの継続課金を大成功させ、いまや50万以上の有料会員を擁するモンスターサイトだ。 その日経電子版が11月6日に全面リニューアルしたのだが、公開後、web業界がにわかにざわついた。表示速度が爆速だったのだ。日経公式もモバイルで2倍の表示速度を達成したと堂々と宣言していた。 webサービスは継続率こそ神KPIで、その継続率には速度が大きく影響する。 これはチェキらないとヤバイと感じ、友人のkitakさんとスピードの秘密を調査してみた。 Fastlyをコンテンツキャッシュに使う殆どのデータはFastlyを経由して取得されていた。Fastlyは最近注目を集めているCDN（世界中にエッジサーバーを配置し、高速にコンテンツを配信するサービス）で、非常に高機能でユニークなサービスだ。 一般に、CDNはいったん世界中にコンテンツをばらまくと、それを無

Pingendo Bootstrap 4 builder Design, build and deploy web pages in a flow. Pingendo is a modern tool for designers, developers and web agencies. Intuitive as stacking blocks, powerful as a text editor. Download it for free

Don't mind tech-related ads? Consider disabling your ad-blocker to help us! They are small and unobtrusive. Alternatively, support us on Open Collective!

「デザイン」に対して興味のあるすべての人を対象に、いつまでも長く利用できるデザインの基礎テクニックを、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテクニックまで幅広く網羅しています。

2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？

海外デザインブログ Canva Design School で公開された「The Design School Guide To Visual Hierarchy」より許可をもらい、日本語抄訳しています。 作成しているデザインで、可能な限り効果的にメッセージを伝えるために、デザイナーの好みや最新のトレンドテクニックではなく、色の基本原則や美しい構図などを戦略的に活用し、コンテンツをより魅力的にしてみましょう。 視覚的階層ルール（英: Visual Hierarchy）の基本となる色（英: Color）やコントラスト（英: Contrast）、タイポグラフィー書体（英: Typograhpy）、余白スペース（英: Spacing）や他のデザイン原則を利用することで、コンテンツを優先しながら、うまく整理することができます。 視覚的階層ルールにもっとも重要な機能のひとつは、注目を集めるフォーカル・

KISS（略語: Keep it simple, stupidのコンセプトは、US海軍が取り入れた1960年ごろにはじまっています。KISSの原則は、ほとんどのシステムが複雑ではなく、単純であればもっとも効果的であることです。デザインプロジェクトでも同じことが言えます。 多くのグラフィックデザイナーは、早い段階でKISSの原則について学びますが、では実際にどのように活用すれば良いのでしょう。作成をはじめると見た目よりもう少し複雑であることが分かると思います。 今回は、シンプルなウェブデザインを作成する7つのルールをご紹介します。これらのルールを取り入れることで、ごちゃごちゃ感を取り除き、美しくシンプルなデザインに役立てることができるでしょう。 詳細は以下から。 1ページに１つの目標を設定しよう。 シンプルなデザインは、プロジェクトの目標やウェブサイトにおける各ページのはっきりとした目標から

弊社の場合、小規模なサイトで50万程度から、中規模で300〜500万程度の見積もりを作る事が多いのですが、この間久しぶりに2000万を超える見積もりを作りました。金額が変わっても見積もりの内容は基本的に同じです。ウェブ制作の見積もり項目としてどのようなものが考えられるのか、まとめてみました。もし手元にウェブサイト制作の見積もりがあれば比べてみてください。 A. 企画、要件定義 企画費 要件定義費 企画費は、サイトの主にコンテンツ面の企画提案の費用です。「オウンドメディアを実施しましょう」「Facebookページと連携しましょう」といった提案を考える費用です。 一方、要件定義費は、システム開発がある場合、お客様の希望をヒアリングして、実装要件としてまとめる費用になります。当然こちらのほうが手間がかかりますので、それなりの金額となる場合が多いです。大規模なサイト構築のときに必ず出てくる項目です

って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C

Join Our Community We are energizers. Our readiness for the future means we are confident in our ability to make change. Have fun, together.

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! The following is a guest post by Mat Marquis. Mat has a important PSA for us regarding responsive images. I don’t want to bury the lede: if you’re using a version of Picturefill from prior to 2.3.1, please update right away—update your /lib files, file an issue on your project, or run a quic

Drag icons into your apps in any size or colorUse IconJar alongside your design tool, code editor, word processor or presentation software and streamline your workflows. For example: Google Apps, Figma/Sketch and Visual Studio Code. Bulk export icons in the sizes you needSave time by using one of our built-in presets for Android, iOS, macOS or create custom presets that suit your needs.

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。