週刊Webテク通信
2017年4月第5週号 1位は，お問い合わせページを改善するためのヒントと良い実例，気になるネタは，今日から始める「マストドン」——Twitterとの違いから使い方，オススメサーバーまで
ネットで見かけたWebテク
1. Contact Us Page Best Practices with 22 Fantastic Examples - Onextrapixelhttps://
お問い合わせページを改善するためのヒントと良い実例を紹介した記事です。
- 何をすればいいのか分かるようなボタンを使う
- メール以外の連絡を取る手段を用意する
- フォームからつまらない内容の問合せがこないようにする工夫
- ページの先頭と最後に問い合わせに関する情報を入れる
- 必要な項目だけにした簡単なフォームを作る
実例は，
図1 お問い合わせページを改善するためのヒントと良い実例
2. Designing accessible products – uxdesign.
アクセシブルなプロダクトの作り方を紹介した記事です。
アクセシブルなインターフェイスとして推奨するビジュアルパターンを，
- 色のコントラスト
- フォーカス
- クリックターゲット
- コンテンツへの迅速なアクセス
- 要約した情報
- アクセシブルなトグルボタン
図2 アクセシブルなプロダクトの作り方
3. A Brief Overview On Responsive Navigation Patterns – Smashing Magazinehttps://
レスポンシブウェブデザインでのナビゲーションパターンについて解説した記事です。
好ましいナビゲーションのパターンとして，
図3 レスポンシブなナビゲーションパターンについて
4. 5 Web Design Trends to Follow this Spring - noupehttps://
この春のWebデザインのトレンドを5つ紹介しています。
- イラスト
- ピンク
- 幾何学図形と非対称
- ちょっとしたエフェクト
- ページの隅
図4 この春のWebデザインのトレンド
5. Wireframes by Top UX Designers – Inspiration Supply – Mediumhttps://
優れたUXデザイナーによって作られたワイヤフレームのギャラリーです。
ワイヤーフレームは以下の2点において重要とのことでした。
- 機能や動作，
コンテンツの優先順位を決めるため - Webやアプリが最終的にどのように見えるのかをクライアントに説明するため
図5 ワイヤフレームのギャラリー
そのほか，
- Yahoo! JAPAN，
パスワードを使わずにログイン可能に， 新規IDで一部アプリから順次展開 -INTERNET Watch
Yahoo! JAPANのサービスでは「1日あたり約1万5000件のパスワード再設定が行われている」 とのことです - Apple，
「Live Photos」 をWebでも再生できるAPI公開 - ITmedia NEWS
ブログサービスなどもこのAPIを使ってLive Photosに対応していくことが期待できますね - さくらインターネット，
IoTプラットフォーム 「sakura. io」 を正式リリース | マイナビニュース
通信モジュール，通信環境， データの保存や連携処理に必要なシステムを一体で提供します
先週の気になるWebサービス
Speaklynhttp://
「Speaklyn」
設定は簡単で，
生成されたJavaScriptのコードをページやブログのテンプレートなどに貼り付けることで，
図6 Facebookメッセンジャーを使ったメッセージ送信フォーム埋め込みサービス
今週の気になるWebネタ
今日から始める
一気に大きな話題となっている分散型ソーシャルメディアのマストドン
インスタンスというのはマストドンのサーバーのことで，
できることはツイッターと似ていますし，
著者プロフィール
芦之由（あしのよし）
Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター＆ライター。シャープMZ-80Bからのパソコンユーザーで，Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。
デイリーWebテクの購読やバックナンバーについては，以下の紹介サイトをご覧ください。
デイリーWebテク - Webテク関連の話題を毎日配信 -
URL：http://www.rgs680.com/dwt/
バックナンバー
週刊Webテク通信
- 2017年4月第5週号 1位は，お問い合わせページを改善するためのヒントと良い実例，気になるネタは，今日から始める「マストドン」——Twitterとの違いから使い方，オススメサーバーまで
- 2017年4月第4週号 1位は，デザインパターンを使用するときに気をつけること，気になるネタは，GoogleのAutoDrawはAIを使って落書きをプロの絵に変えてくれる
- 2017年4月第2週号 1位は，コンテンツを台無しにしてしまうデザインの間違い7選，気になるネタは，Macのコーディング用テキストエディタ「Espresso」がv3として帰ってきた！
- 2017年4月第1週号 1位は，ヘッダーデザインの重要性と効果的なヘッダーデザインのヒント，気になるネタは，Facebook Messengerからライブで位置を共有―待ち合わせが飛躍的に簡単になる
関連記事
- 2018年4月第1週号 1位は，ユーザーの時間を奪わないためのウェブデザインのヒント，気になるネタは，「Alexa，子供服はどこで取り扱っている？」 池袋PARCOで「Amazon Echo」が館内案内
- 2018年1月第2週号 1位は，2017年に人気のUIデザインツールまとめ，気になるネタは，AmazonはFire TVのYouTubeアプリをアップデートしてユーザーをWebブラウザーに誘導
- 2017年12月第3週号 1位は，インタラクションデザインの10個の基本原則，気になるネタは，「iMac Pro」発売 ハイエンド構成だと約150万円に
- 2017年12月第1週号 1位は，よくあるレスポンシブレイアウトのCSS Gridでのコーディング例，気になるネタは，Amazon，職場用「Alexa for Business」，米国で提供開始
- 2017年11月第5週号 1位は，ウェブサイトのカラースキームを作るための実践ガイド，気になるネタは，トヨタの小型ロボ「KIROBO mini」全国発売 クルマとも連携