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

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

ソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。

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

UI ・UX

カードのデザインを改善する方法

カードは現在のUIによく使われているデザインパターンです。
下記の記事がBefore/After風のサンプルを使って色んなベストプラクティスを共有しています。

URL
https://uxdesign.cc/design-better-cards-c0d12ab581c4#.2yz39mfmy

ゲリラ的ユーザビリティテスト

ユーザテスティングの予算が全く無い場合、ゲリラ的ユーザビリティテストは1つのトップオプションです。
ただ、無駄な調査にならないため気を付けないといけない所が沢山あります。
ゲリラ的ユーザビリティテストで豊富な経験を持つ人の記事ですので、参考になるアドバイスが沢山あると思います。

URL
https://userbrain.net/blog/7-step-guide-guerrilla-usability-testing-diy-usability-testing-method

デザイン

ANICOLLECTION

CSSアニメーションのコレクションサイトです。
使い方として簡単です:好きなアニメーションをクリックしてCSSをコピーして終わり!

URL
http://anicollection.github.io/#/

LAYERSNAP

Snap.svgのお助けライブラリーです。SVGのソースにアニメーションの命令を書くことが出来ます。それは、イラストレーターの中からでも可能です。jQuery対応も提供です。

URL
https://master-origin-layersnap.fgview.com/demo/

今回は以上です!

ソフトバンク・au・ドコモの方は、公式のオンラインショップを利用すれば頭金不要で通常のショップよりお得に購入できます。

【週刊bitWave】(メルマガ)始めました!

登録はこちらからメールアドレスを入力してお申込みください。

ご登録いただいたメールアドレスは 【週刊bitWave】の更新情報の配信にのみ使用します。

個人情報の取扱いに関しては、「プライバシーポリシー」をご確認ください。解除はいつでもこちらから行うことが可能です。

あなたにおすすめ

ロイヤリティフリーの無料ストックフォト(写真)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の戦略が実践されているのか、そしてどのような手法がベストプラ...