デザインとUX/UIのウィークリーまとめ(#12)

デザインとUX/UIのウィークリーまとめ(#12)

おはようございます!

今週の【UX・デザイン】の情報共有です。

UX/UI

ニュースサイトのUX (インスピレーション)

ニュースを見せる方法(UI)は沢山あります。
基本的にニュースの大半は、どのサイトでも同じです。よって、リピーターをキープするためには、楽しくて便利なUIを考える戦略が常識になりました。下記の記事は最近の新しいか、リニュアル中のニュースサイトの纏めです。
GIFアニメーションのおかげで、各UIのナビゲーションのフローは分かりやすいです。

URL
https://uxplanet.org/these-design-inspirations-can-change-how-we-read-the-news-22b6bb1da331#.v2c1synwe

untitled-1

入力フォームをチャットボットに変換するUX

入力フォームのユーザビリティを改善するため、フォームをチャットに変身させるボタンを追加する「新コンセプト」です。最近チャットボット機能のブームになってて、世界中のデザイナーがそのUXを様々なケースで試しています。長いフォームをステップで分割すると同じロジックで、ユーザに各フィールドを一個ずつ見せて認知負荷を下げる取組です。

そして普通のフォームより暖かい(人間的な)インタラクションが出来ます。この新しいアプローチに対して、デザイナーの反応は結構ポジティブです。( 例: https://www.producthunt.com/posts/conversational-form

DEMOのURL
https://space10-community.github.io/conversational-form/
「TURN ON CONVERSATION」にクリックしてください

記事のURL
https://medium.com/conversational-interfaces/introducing-the-conversational-form-c3166eb2ee2f#.kutdm12ww

untitled-2

デザイン

AMAZON LUMBERYARD

「UNREAL ENGINE」と「UNITY」という(トップの)ゲーム開発プラットフォームは結構人気ですよね。正直、この2つしか知りませんでした。で、今週アマゾンの「LUMBERYARD」を初めて発見!しかもこれも無料で使えます!

URL
https://aws.amazon.com/lumberyard/?tag=georiot-cbq-20&ascsubtag=hawk-1742334695-20

ビデオ案内のURL

ビデオサンプルのURL

冬系の浮世絵

外国人として見たことない浮世絵です。
日本人の感覚でも珍しいかもしれません。(正直良く分からないw)
昔、雪だるまだけではなく、ウサギや猫もよく作ってたらしい。(冬が嫌いなので詳しくないw)

あなたにおすすめ

ロイヤリティフリーの無料ストックフォト(写真)1+8選... ロイヤリティフリー(ライセンスフリー)の無料写真を集めているサイトも順調に増えてます。全員が発信者となる現在では、こうしたサイトの重要度・便利度は増すばかりですね。 基本的にパブリッックドメイン(商用利用可能・無料・用途の制限なし)で...
リニューアルのケーススタディ、PSDファイルから自動コーディング、ロゴ検索ツール、グラフ用フォント(... こんにちは。 今週の【UX・デザイン】の情報共有です。 UI ・UX アプリのリニューアルのケーススタディ 2年間まったく更新されなかった健康保険アプリのリニューアルの話です。 他社はどのようにしてリニューアルを行...
UI・UXのベストプラクティス、フラットデザインについての実験結果、ATLASSIANの新CI、無料... こんにちは! 今週の【UX・デザイン】の情報共有です。 UI ・UX UI・UXのベストプラクティスまとめ 心理学とマーケティングを双方のスペシャリストであるNick Kolendaさんのサイトです。 彼のサイト内...
「Design Better」ポッドキャスト、CSSでのレスポンシブな端末、無料フォント、日本科学未... お疲れ様です。 今週の【UX・デザイン】の情報共有です。 UI ・UX 「Design Better」のポッドキャスト 他社や海外において、どのようなUI/UXの戦略が実践されているのか、そしてどのような手法がベストプラ...