週刊Webテク通信

2019年8月第3週号1位は、 ユーザーフレンドリーなウェブサイトを作る5つの原則、気になるネタは、ショッピングから工場やホームドアまで--デンソーが開発した「QRコード」25周年

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から、Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、2019年8月5日~8月11日の間に見つけた記事のベスト5です。

1. How to Create a User-Friendly Website: 5 Key Principles you Need to Know - Codica Bloghttps://www.codica.com/blog/5-key-website-usability-principles/

ユーザーフレンドリーなウェブサイトを作る5つの原則を紹介しています。

  1. ナビゲーションを簡単に
  2. スタイルに一貫性を持たせる
  3. 業界で標準的なデザインにならう
  4. 写真やイラストを使う
  5. モバイル対応する
図1 ユーザーフレンドリーなウェブサイトを作る5つの原則
図1 ユーザーフレンドリーなウェブサイトを作る5つの原則

2. User Experience: How to Design Effective Call to Actionhttps://design4users.com/how-to-design-call-to-action/

効果的なコールトゥアクションをデザインする方法をまとめた記事です。

ボタンのサイズ、色と形、場所、マイクロコピーについて、細かく解説しています。

図2 効果的なコールトゥアクションをデザインする方法
図2 効果的なコールトゥアクションをデザインする方法

3. Improve Your Site’s UX With These 5 Video Content Ideas - noupehttps://www.noupe.com/design/improve-your-sites-ux-with-these-5-video-content-ideas.html

サイトのUXを改善する動画コンテンツのアイデアを5つ紹介しています。

  1. ウェルカム動画
  2. 商品紹介動画
  3. お客様の声動画
  4. チーム紹介動画
  5. 事例紹介動画
図3 UXを改善する動画コンテンツのアイデア
図3 UXを改善する動画コンテンツのアイデア

4. Bootstrap Navbar Guide and Free Navigation Examples - Designmodohttps://designmodo.com/bootstrap-navbar/

Bootstrapのナビゲーションバーに関するガイドです。

  • 色を変える
  • アイテムの整列
  • ブレークポイントの変更

また、サードパーティによるBootstrapのためのナビゲーションバーもいくつか紹介しています。

図4 Bootstrapのナビゲーションバーに関するガイド
図4 Bootstrapのナビゲーションバーに関するガイド

5. CSS empty Selector | SamanthaMing.comhttps://www.samanthaming.com/tidbits/72-css-empty-selector

CSSのemptyセレクタについて解説した記事です。

empty=空とみなされるケースとそうでない場合や、使用例について紹介しています。

図5 CSSのemptyセレクタについて
図5 CSSのemptyセレクタについて

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

先週の気になるWebサービス

Audioship - Upload MP3 to YouTubehttps://audioship.io/

Audioshipは音声ファイルをYouTubeにアップロードするサービスです。ポッドキャストなど音声だけのコンテンツをYouTubeにアップするときに役立ちます。

YouTube動画にするために画像が必要なのですが、自分で作った画像ファイルを選ぶだけでなく、用意されている写真素材を使うこともできます。有料プランだとこのサービス上で画像に文字を入れる作業もできるようです。

月に1時間までの音声ファイルなら、無料で利用できます。無料で使っても、このサービスのロゴなどが勝手に入ったりしません。月額固定のプランだけでなく、3時間、10時間などの単位で必要な時間分だけ購入できるところも便利です。

図6 音声ファイルをYouTubeにアップロードするサービス
図6 音声ファイルをYouTubeにアップロードするサービス

おすすめ記事

記事・ニュース一覧