ECにおけるデザインと、デザイナーが実際にやりたいデザインは必ずしも一致しません。 ミニマリズムなどに代表されるシンプルですっきりとしたデザインは、最近のトレンドではありますが、販売サイトではあまり実用的ではない場合もあります。 ECにおけるデザインの最終的な目標は、ユーザーとの対話です。もっと直接的に言うのであれば、ユーザーにより多くの商品を買ってもらうように気を引くことです。 その目的を達成す……
英語におけるUIのラベリングでは「Your」や「My」という言葉がよく使われ、UI要素とユーザーの関係性が直感的にわかるようになっています。言わずもがな、日本語と英語では表現は違ってきますが、この英語の使い分けの考え方は、UIをよりユーザーにわかりやすく整理するヒントにもなるかもしれません。 UIはユーザーの身体の拡張という位置づけなのでしょうか？ それとも全く別の立ち位置からユーザーに対して語り……
HTMLやCSS、JSのコードとその実行結果を共有できるサービスのCodePenは、いわばフロントエンドエンジニアの遊び場です。中にはどういったコードで動いているか見当もつかないようなものもあります。 今回はCodePenで公開されているアニメーションの中でも、思わず見入ってしまうような美しいアニメーションを10点ピックアップしてご紹介します。画像の下のCodePen埋め込み部分で「Run Pen……
プロダクトはユーザーのニーズを満たすためにデザインされます。しかし、それが必ずしも本来の用途で使われるとは限りません。 大抵の場合、ユーザーはプロダクトがどのように機能するかなど気にしませんし、理解もしていません。そして、自分なりの使い道を見つけると、その方法で使い続けるのです。 例えば、多くの人はURLを入力するとき、ブラウザのアドレスバーを使用せず、Googleの検索バーに打ち込むと言われてい……
キラキラしたイラストや画像は、不思議な世界に引き込まれたり、ポップな気分を演出してくれます。今回は、文字の背景にしたり、スマホの待ち受け画面にしたりと、色々な用途で使えるキラキラ素材を紹介していきたいと思います。 ネオンやガラス、ジュエリーなどのキラキラした画像素材 BEIZ Graphics（ベイツ・グラフィックス）はネオンやガラス、ジュエリーなどのキラキラした画像や写真がたくさん揃っていて、す……
ホームページやポスターなどを作る時に、かっこいい文字や面白い文字が作れたらいいなと思ったことはありませんか？ 文字のデザインが、無料で簡単に作れて保存もできると、とても便利です。 今回は文字のデザインが作れるサイトやツールをまとめました。いろいろな文字のデザインがつくれるサイトやツールを紹介していきます。 アニメーション付きの文字 textanimは色々なデザインと色を選ぶことができる他、サイズや……
要件定義工程の成果物として作成されるのが、要件定義書です。しかし、システム構築向けの要件定義書のリストはあっても、なかなかWeb制作向けのものが見つかりにくくて困った経験はありませんか？ この記事では、Web制作向けの要件定義書に含める書類の項目についてまとめています。プロジェクトやサイトの規模などによって適宜調整して是非活用してみてください。 要件定義書のリスト １. Webシステム・Webサイ……
要件定義は、顧客の要望を吸い上げ、要件定義書として明文化していく作業ですが、スムーズに進めていくためには、いくつかコツがあります。 そこで今回は、要件定義の進め方と、進めていく中でおさえておきたいポイントを紹介します。要件定義の流れを理解しておくと、余計な手間なく、要件定義を進めていけるはずです。ぜひ参考にしてみてください。 要件定義の進め方 要件定義の工程では、大きく分けて下記の１～３の順に進め……
Web制作向けの要件定義書のテンプレートが見つからなくて困った経験はありませんか？ 要件定義書は書類数も多く、１から作るのはとても時間がかかる作業です。 この記事では、Web制作向けの要件定義書に使えるテンプレートを紹介します。プロジェクトの規模やお好みに応じて適宜調整して使ってみてください。 Webサイト制作・依頼を超効率化する要件シート Webサイト制作・依頼を超効率化する要件シート | ……
要件定義と聞くと、なんだか難しく面倒なイメージを持つ人も多いかもしれません。今回は、そんな重いイメージのある要件定義について、分かりやすいように簡単に解説してみました。 まずは要件定義の全体イメージを把握して、少しずつ慣れていきましょう。要件定義は、プロジェクトの成否を問う重要な工程ですから、ぜひマスターしてプロジェクトの品質をアップしてみてください。 既に要件定義について少し知っていて、細かい進……