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

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

2017年最初の【UX・デザイン】の情報共有です。

UX

国際化とUX

多言語のUIを開発・デザインする時、気を付けないといけないところが沢山あります。
大事なポイントを一つ一つ説明する記事です。
サンプル画像もありますので英語に余り自信ない方でも分かりやすいと思います。

記事のURL
https://medium.com/dropbox-design/design-for-internationalization-24c12ea6b38f#.o2438c8zp

トップページにバナーを付けると・・・

UXのスタディ(参加者1400人)です。
「ここは何のサイトか?」を明確にしたい場合、余白を適切に埋めることが重要です。この実験では、余白が仮に広告であっても左右の余白を埋めることで広告以外の着目度があがり、Colonial Candle.のサイトだと理解する人が増えたというユニークな調査です。

URL
https://conversionxl.com/research-study/banner-ads/

デザイン

コントラストの使用でUI改善

コントラストって、色のことだけではありません。
2つのエレメントの違い(サイズ、配置、仕組み、テイストなど)を高めることです。
下記の記事は、参考サンプルでコントラストの様々な使い方を紹介します。

記事のURL
https://blog.prototypr.io/how-contrast-works-in-ui-design-21bf75a5a2bf#.nsqnq83rs

MagiXJS (フレームワーク)

CoffeeScriptに基づいたフレームワークです。
オンラインエディタを使っただけでJSのWebアプリをアウトプットしてくれるツールです。
デモは本当に良く出来ています。
ドキュメントも詳細があり判りやすいため、作り方は簡単に習得できるはずです。

URL
https://magixjs.com/

Jasonette

これもフレームワークですが、今回はJSON入力だけでネイティブ系のアプリの開発が出来ます。
何でも作れるんだって!

URL
http://jasonette.com/

あなたにおすすめ

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