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

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

お疲れ様です

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

UI・UX

タッチのUIと科学

タッチデバイスのUIをデザインする時、適切なボタン・サイズでどのくらいなのか?
下記の記事が科学的な知識を使って、明確に示唆しています。(英語記事)
(記事の結論:ミニマムサイズを10~13mmにすれば一番安全)

記事のURL
http://scotthurff.com/posts/how-to-make-truly-tappable-user-interfaces

死の線 (Line Of Death)

UIのトリックとセキュリティの話です。記事中に出てくる赤い線(Line Of Death)の上側も注意深く見ないと簡単に騙せまてしまいます。
ブラウザのUIの混乱もありの特に危険な個所(注意する個所)に着目を促す記事です。(英語)

記事のURL
https://textslashplain.com/2017/01/14/the-line-of-death/

デザイン

CLIPPY

クリッピングマスクのCSSをアウトプットしてくれる無料ツールです。

URL
http://bennettfeely.com/clippy/

VECTEEZY

SVGの無料オンラインエディタです。

URL
https://www.vecteezy.com/editor

PATTERN NINJA

CSSのパターン制作ツールです。(無料)

URL
https://patterninja.com/

デザインは数学 (動画)

【週刊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の戦略が実践されているのか、そしてどのような手法がベストプラ...