デバイス、テクノロジーの進化やユーザー行動の変化は新しいトレンドをもたらします。コンバージョン率(CVR)アップにつながるUXデザインの新しいトレンドをまとめて。 新しい年には新しいものが登場します。Webデザイナーにとってのチャンスと挑戦は、最新のビジュアルトレンドとユーザー体験を取り入れることです。 しかし、Webの専門家なら誰でも知っているように、Webデザインには見た目以上に大事な要素があ…

Loading...

WordPressの設定で迷うのが、投稿やページのパーマリンク設定。どれを選べばいいのか、知っていますか? Webサイトのオーナーは一般的に、サイトかソーシャルネットワークのどちらかで読者がコンテンツをシェアすることを望みます。そのためにはシェア用のリンクが必要です。 WordPressのパーマリンクとは? 「パーマリンク(permalink)」とはWebサイトの特定のページや投稿に対する「固定リ…

Loading...

LESSONS

バーティカルリズム(Vertical Rhythm)はタイポグラフィにおける重要な概念ですが、絶対的なルールではありません。 Webのレイアウトをするとき、デザイナーやフロントエンドコーダーは縦方向より横方向のレイアウトに時間をかけるのが普通です。 これはそれほど不思議なことではありません。たいていのデバイスは縦にスクロールするように設計されているので、ページの横幅は高さに比べて制限があります。で…

Loading...

次世代CSSレイアウト仕様「Gird Layout Module」を使いこなすために知っておきたい、自動配置アルゴリズムのしくみを詳しく解説。 この記事では、要素を配置する際にCSS Grid Layout Moduleの自動配置アルゴリズムがたどるすべてのステップを説明します。ステップはgrid-auto-flowプロパティでコントロールされています。 『Flexboxよりも新しい!CSSレイア…

Loading...

長いページを分割して読みやすくするページネーション(ページング)。jQueryで手軽に実現するプラグインをまとめてみました。2017年現在の「使える」プラグインの情報です。 長くてかさばるコンテンツを単純に並べて表示しても、情報の見せ方としては今一つです。そこでページネーションが重要になります。長めのコンテンツにとっては特に重要です。 サーバーサイドのページネーションは一般的にページ化されたコンテ…

Loading...

検索連動広告担当の目線から、検索関連のデータを中心に「面白くて、ちょっと役に立つ」情報を皆さんにお伝えします。今日は「検索」と「時間帯」に関するお話です。 突然ですが、みなさんはどのような時にスマートフォンで検索エンジンを使いますか? 通勤電車の中、ランチ中、テレビを見ながら…。生活の必需品として溶け込んでいるスマホなので、あらゆるシーンでの利用が考えられます。あまりに使用頻度が高くて具体的に利用…

Loading...

第一線で活躍するプロに人気デザインツールの使い方を学ぶ集中講座 「自習時間」に質問もできます UIデザインの現場で普及してきたデザインツール「Sketch」。しかし、まだ入門書や日本語の学習コンテンツが少ないこともあり、使い方がよくわからないという方も多いのではないでしょうか。 そこで、Sketchの使い方を第一線で活躍するプロフェッショナルに1日で学ぶセミナー『UIデザインのための「Sketch…

Loading...

起業を考えたときに、もっとも楽しく、もっとも悩ましい作業といえば、会社名の決定でしょう。後悔しないために、デザイン思考のアプローチで考えるための5つのステップを紹介します。 会社の命名は起業家であれば必ず通過するもっとも楽しい作業でありながら、同時にやっかいなことでもあります。会社名は事業を世界に紹介する役目を果たし、売り込みには必ず口をついて出てくる言葉です。話をしたあとに覚えておいてほしいと思…

Loading...

タスクランナーに代わって、ここ最近人気が高まっているビルドツールといえばwebpack。「難しそう」「面倒くさそう」——まだ導入していないなら、いますぐ試してみる価値はありそうです。 webpackは現在のWeb開発シーンにおいてもっとも重要なツールになりました。基本的には自分のJavaScriptファイルにほかのモジュールをバンドル(1つに束ねる)してくれるものですが、ほかにもHTML、CSS、…

Loading...

Chromeデベロッパーツール、使いこなしていますか? モバイルブラウザーエミュレーターの機能が拡張され、通信帯域やセンサーのシミュレーション、PWAの検証など、どんどん進化しています。これは便利です! Webサイトのテストはますます複雑になっています。ほんの数種類のブラウザーで機能の互換性を確認していた時代は遠い昔の話。ピカピカの傑作サイトも、OS、画面解像度、マシン性能が異なる幅広いデバイス(…

Loading...