コードを最適化するためのフロントエンドフレームワーク10選
UIデザインとWeb開発に関するトピックのライター。個人ポートフォリオやWeb上のいたるところで彼の記事を見つけることができます。最新のアップデートなどを見るにはTwitterをフォローしてください。 Googleで検索すると、Webサイトのパフォーマンス改善のための便利なツールが数多く見つかります。 サイトの画像最適化から独自のCDN設定にいたるまで、さまざまです。 しかし、デザイナーの中でコード最適化について考える人はほとんどいません。 コード最適化とは、総HTTPリクエスト数を減らしたり、ファイルを軽量化したり、表示スピードアップのために最適なカスタムフレームワークに切り替えることを意味します。 最新のBootstrap v4は素晴らしいデザインですが、残念ながら最も重いフレームワークの１つです。 そこで今回の記事では、重いBootstrapの代わりに軽いWebフレームワークを厳選し
UXデザインの承認を得るための「UXの提案書」の作り方
スティーブン・ダグラス氏はJustinmindのマーケティング・コンテンツ・エディタです。Justinmindでは、プロトタイプ作成ツールでウェブとモバイル・アプリケーションのプロトタイプを作成できるので、コードを書く前にソフトウェアのソリューションを視覚化してテストすることができます。 ユーザー体験のデザインは、大きな事業であり大きな収益をもたらします。Andrew Kucheriavy氏のForbesでのレポートによれば、ユーザー体験への投資収益率は平均して9,900％だそうです。簡単に言えば、１ドル投資するごとに100ドルもの収益を生み出すということです。 そのような数字を達成するためには、UXデザイナーとUIデザイナーは優れたユーザー体験を提供し続ける必要があります。そこで、UXの提案書が重要になるのです。UXの提案書（UX proposal）は、UXデザインに関する提案を補助する
チームのメンバー全員がUXを意識すべき理由 | UX MILK
JoeはUX/CXコンサルタントとして長年のキャリアがあり、現在はUXに関する書籍、講演などを多数手がけるUXの伝道師です。 私たちが問題を抱えているとき、解決策を想像するのはとても簡単です。そして、その解決策は私たちの体験や責任のフィルターを通して検討されます。 たとえば、もし私がビジネスアナリストであれば、私は自分の統計的研究をみて答えを探そうとするかもしれません。 もし私がUXコンサルタントであれば、既存のユーザー調査をみてみたり、新しい調査を計画したりするかもしれませんし、私が開発者であれば、その課題を解決できる方法を示してくれるツールやプロセスを調べてみるかもしれません。あるいは、私がUIデザイナーであれば、UIインタラクションがどのように振る舞うかまで考えを進めるでしょう。 これらはすべて、それ自体確かで実績のある方法です。同時に、それらは基本的に、本質的に欠陥があります。なぜ
デザインシステムの定義と作成方法、導入事例
JerryはUXPinのコンテンツストラテジストです。過去に、Braftonでのクライアント向けのコンテンツ戦略、広告代理店のDBB San Franciscoでの経験があります。 デザインシステムは、ビジュアルやインタラクションだけに関するトレンドではありません。しかし、間違いなくルック＆フィールに影響を与えています。なぜなら、Webにおけるトレンドを生み出すデザイン原則やツール、ライブラリー、コードを提供しているからです。 デザインシステムは一過性のトレンドを超えて、2018年以降も続くベストプラクティスになりつつあり、将来的にはWeb全体でデザインの一貫性が向上すると期待できるでしょう。 これが何を意味をするかと言うと、すべてのWebサイトが同じ見た目になるということではなく、それぞれのWebサイトにおいて一貫性が保たれ、ユーザーが期待する機能性やユーザビリティを提供できるようになる
Salesforceのデザインシステムはどのように作られているのか（後編）
JerryはUXPinのコンテンツストラテジストです。過去に、Braftonでのクライアント向けのコンテンツ戦略、広告代理店のDBB San Franciscoでの経験があります。 デザインシステムの更新とリリース ―デザインシステムを更新するプロセスはどうなっているのでしょうか？ 社外に公開しているデザインシステムに関しては、オープンソースのプロジェクトページから機能リクエストができます。ただ、それは氷山の一角で、実際の社内デザインシステムでは若干異なるプロセスがあります。現時点でどれだけプロセスが整理されているかはわかりませんが、さまざまなチャネルからの要望を同じ人に集約するようにして、適切な人にタスクを割り振れるようにしています。 たとえば、プラットフォームを担当しているデザイナーからが50％、残りの50％は個別の機能開発チームからの小さい要望で、デザインシステムには含まれていないけ
【2018年春】今チェックしておきたいデザインツール12選
JakeはUIデザインやWeb開発の記事を執筆するライターです。彼の仕事はあらゆるWebや彼自身のポートフォリオで見つけることができます。ツイッター@jakerocheleauから最新のアップデートをフォローできます。 デザイン業界の流れは速く、絶えず新しいツールが誕生しています。そのため、デザイナーとして最先端を走り続けるには、世の中の動向につねに注意する必要があります。 そこで今回は2018年現在、チェックしておきたいデザインツールを厳選してまとめました。これらのツールにはデスクトップのプログラムもありますし、SaaSのアプリやブラウザツールもあります。 いずれにせよ、このリストにはみなさんがチェックしたいと思うものが必ずあるはずです。詰まるところ、素晴らしいデジタルコンテンツを作ることにおいて、あなたのデザインスキルはさまざまな手段の一部に過ぎないのです。 Adobe XD Adob
Webサイトに一貫性を持たせるパターンライブラリのすすめ
PaulはUXデザイナーであり、デジタルトランスフォーメーションの専門家。非営利団体や企業のWeb、ソーシャルメディア、モバイルを使ったユーザーとの結びつきを支援しています。これまでに30校を超える大学、大規模な慈善団体や企業を支援し、デジタルに精通した人々の変化し続けるニーズに適応する手助けをしてきました。 Webサイトに一貫性を持たせて、管理しやすくすることは、大規模な組織が直面するもっとも大きな悩みの１つです。幸いにも、このときパターンライブラリが役に立ちます。 大規模なWebサイトが直面する特有の問題に対するソリューションとして、気付けば私はパターンライブラリの作成を提案することが増えていました。それは、クライアントがNestleのような大企業であろうと、ストラクスライド大学のような高等教育機関であろうと、あるいは国境なき医師団のような大きな慈善団体であろうと同じです。 では、パタ
Webデザイナーもコードが書けなきゃダメ？ HTMLプロトタイピングのメリットとは
AndyはシアトルにあるDeloitte DigitalのシニアUXアーキテクト。彼のブログはandyfitzgerald.orgで、Twitterは@andybywire。 Webデザイナーがコードを書くべきか、書かないべきか？ これはたいへん物議をかもす話題です。一人分支払額が減るため、クライアントはコードが書けるWebデザイナーを好みます（他にも理由はあると思いますが）。一方でデザイン優先で考える人はコードについて、創造性を抑制する技術的な足かせになるといいます。更に議論をややこしくするのは、私達を取り巻く情報環境は常に複雑化しているということです。しかしながら、この議論のいくつかを、進化を続けていくデジタルの展望という文脈で見ていくと、コードを書きながら作業したほうがいいケースというのも見いだせるのです。 数年前、Andrew MaierがWebサイトのデザインや開発にプロトタイプ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
