週刊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からライブで位置を共有―待ち合わせが飛躍的に簡単になる
関連記事
- 2017年2月第1週号 1位は，UIデザインの短期集中コース，気になるネタは，Twitter，新機能「もっと探す」タブを追加--トレンド・モーメント・検索機能を集約
- 2017年1月第4週号 1位は，シンプルなデザインのための7つのルール，気になるネタは，Slackにスレッド機能 複数の会話が分かりやすく
- 2017年1月第3週号 1位は，2017年のWebデザインのトレンド，気になるネタは，米Yahoo，社名を「Altaba」に変更。検索・ニュース事業をVerizonに売却後，投資会社として存続
- 2016年12月第2週号 1位は，マイクロインタラクションのための5つのテクニック，気になるネタは，任天堂のスーパーマリオラン，12/15の発売後1ヶ月の売上予想は7000万ドル以上
- 2016年11月第5週号 1位は，CSSのプロパティを図解イラスト＆アニメーションで紹介したガイド，気になるネタは，Google，「Google Cast」を「Chromecast built-in」に改称へ