ウェブディレクター

便利なツールが登場！ハンバーガーをXに変形させるのも簡単、SVGアイコンをアニメーション化できる無料ツール

2018/08/29(Wed) 09:52

SVGアイコンは美しく軽量で、非常に便利です。Webサイトでもスマホアプリでも、SVGアイコンを使用している人は多いと思います。SVGアイコンをアニメーションさせるには、どうしていますか？

https://coliss.com/articles/build-websites/operation/work/svg-icon-transition-generator.html

アダプディブデザインか、レスポンシブデザインか

2018/08/07(Tue) 10:11

アダプティブデザインとレスポンシブデザインは、両方ともブラウザのウインドウ幅に応じてUIを調整するという点ではとてもよく似ています。しかし、その調整の仕方において両者は異なっています。

https://uxmilk.jp/73077

ホリデーシーズンに向けて準備しておきたいサイト内検索施策10選

2018/07/27(Fri) 09:53

夏・冬などのホリデーシーズンでは小売業者のプロモーション活動とメールキャンペーンが活発になります。しかし、プロモーション面にばかり焦点を当ててしまい、Webサイト、特にサイト内検索が見落とされがちになっています。

https://uxmilk.jp/73184

デザイナーが注目したい！2018年の人気デザイントレンド厳選14個まとめ

2018/07/25(Wed) 09:53

2018年を半分を過ぎたところで、今年人気となっているデザイントレンドを確認するに絶好のタイミングと言えます。今回は、2018年にウェブサイトやモバイルアプリのUIデザインで人気のトレンド動向をまとめてご紹介します。

http://photoshopvip.net/110096

最近のUXデザインにおける、スマホアプリのインターフェイスに使用されているアイデアのまとめ

2018/06/27(Wed) 09:53

ここ数年の間に、スマホは単なる電話以上に多くの機能を持つようになりました。スマホはさまざまな目的のために使用され、わたし達の日常のアシスタントをこなしています。

https://coliss.com/articles/build-websites/operation/work/creative-ux-design-concepts.html

フロントエンドのコーダーの頭の中、デザインを見た時にどんなことを考えるのか

2018/06/20(Wed) 09:49

フロントエンドのコーダーがデザインを見た時にどんなことを考えるのかを紹介します。デザインカンプを手がかりに、そのデザインが意味する仕様上のさまざまな可能性やそれらを実現するための実装方法を考えるなど、コーダーとして最も楽しい時間の一つです。

https://coliss.com/articles/build-websites/operation/work/your-brain-on-front-end-development.html

Webサイト内のフリクションを見つけて改善する７つの戦略

2018/06/14(Thu) 10:09

ユーザー体験の観点から言うと、フリクション（摩擦）とはユーザーが目標を達成するのを阻むすべての要因のことです。フリクションはユーザーとデザイナーの双方にとって重大な問題となります。なぜなら、フリクションはコンバージョンを低下させ、直帰率を上昇させて、ユーザーがタスクをやめてしまう要因となるからです。

http://uxmilk.jp/71909

Web制作者がチェックしておきたい、最近のWebサイトで見かけるデザインのアイデア -2018年5,6月

2018/06/13(Wed) 09:59

デザインで悩んだ時には、新鮮なアイデアに触れてみると良いインスピレーションに繋がります。最近のWebサイトで見かけるデザインのアイデアを紹介します。

https://coliss.com/articles/build-websites/operation/design/6-essential-design-trends-2018-june.html

目的別に探す！確認しておきたい無料ワイヤーフレーム50個まとめ 2018年度

2018/06/12(Tue) 09:56

プロジェクトの初期段階で、アイデアが完成に固まっていないとき、モバイルやWebプロジェクト用ワイヤーフレームを作成することで、機能とユーザーの流れをうまく計画することができます。ホワイトボードや鉛筆と紙でワイヤーフレームを作成するだけでも、デザイン制作において重要な役割を果たしてくれます。

http://photoshopvip.net/109384

Web制作者が知っておくと便利！Chrome 67でアップデートされたデベロッパーツールの新機能

2018/06/04(Mon) 09:58

先週末にリリースされたChrome 67でアップデートされたデベロッパーツールの新機能を紹介します。Webの制作時に役立つ機能だけでなく、UIも進化しており、さらに便利になりました。

https://coliss.com/articles/browser/chrome/devtools-new-features-in-chrome67.html