ブックマーク / uxmilk.jp (9)

  • 一貫したデザインのためにデザインシステムを運用する方法

    BenはUXPinのコンテンツ戦略担当者です。 Webウェブデザイナーとバックエンド開発者の両方として働いています。 人は馴染みがあるものを信頼します。そのことを知っている多くのデザイナーは、作品をできるだけシンプルにするよう努めています。また、シンプルなデザインは実用的でもあります。たとえば、一度ナビゲーションバーをデザインすれば、すべてのページで使うことができます。 しかし、デザインコンセプトはどんどん変化します。新しいアイデアを持つデザイナーが古いプロジェクトを引き継いだり、新しいコーディング手法が昨年の最先端に取って代わったりすることもあるでしょう。その結果、一貫性のないビジュアルとコードの寄せ集めになってしまいやがて問題となります。 デザインの一貫性とは デザインの一貫性がある製品は、変更を加えても見た目や動作が全体としてまとまりがあるように見えます。これは、特に大規模なサイトで

    一貫したデザインのためにデザインシステムを運用する方法
  • Webデザインで「やるべきこと」と「やってはいけないこと」

    1.どんなデバイスでも同様の体験を提供する サイトの訪問者は、さまざまな種類のデバイスを使ってサイトにアクセスしています。デスクトップかもしれませんし、ラップトップやタブレット、携帯電話、音楽プレイヤー、または腕時計を使っているかもしれません。 UXデザインにおいて重要なのは、訪問者がどのようにサイトを閲覧しても、デバイスの種類に関わらず同様の経験を提供しなければならないことです。 ※編集部より:一部、誤訳がありましたので修正しました(11/10 11:00) 2. 使いやすくわかりやすいナビゲーションをデザインする ナビゲーションはユーザビリティにおける要です。どんなに良いWebサイトを作ったとしても、ユーザーがサイト内で上手く操作できないならば意味がないということを覚えておいてください。そのため、サイトのナビゲーションは以下の項目に従うべきなのです。 シンプル:どんなサイトであっても最

    Webデザインで「やるべきこと」と「やってはいけないこと」
    ttrttr
    ttrttr 2017/11/09
  • マテリアルデザインの概念を受け継いだ、マテリアルデザインライトとは

    今年のデザインのトレンドが、マテリアルデザインの表現であることは、間違いありません。 GoogleAndroidをベースにしたデザイン手法であるマテリアルデザインは、当初モバイル端末向けのインターフェイスとしてスタートしました。しかし現在では、デバイスやプラットフォームの境界を越えて使われています。 ここ数年はフラットデザインが最大のトレンドですが、マテリアルデザインはフラットデザインにはできないユーザビリティを高めるための装飾をきちんと加えることができます。フラットデザインのように、視覚的な魅力を重視して装飾をそぎ落とすのではありません。マテリアルデザインの根幹は、ユーザビリティなのです。 マテリアルデザインライトとは? マテリアルデザインライト(Material Design Lite : MDL)は、マテリアルデザインの次段階です。マテリアルデザインの概念を受け継ぎ、あらゆるデバイ

    マテリアルデザインの概念を受け継いだ、マテリアルデザインライトとは
    ttrttr
    ttrttr 2017/10/17
  • Webデザインにおける写真のトレンド6選

    高画質なスクリーンが一般的になったことで、視覚的なメディアとして発展するWebデザインにおける、写真の役割が大きくなっています。美しい写真の使用は、不変のテクニックです。 この記事では、Webサイトでの写真においてもっとも人気のある6つのトレンドを紹介します。 目を引くヒーローイメージ スクロール画像上の全面を占めるヒーローイメージは、Webデザインにおいて、もっとも人気の高いトレンドの1つです。 ヒーローイメージの価値は、瞬時にユーザーを夢中にさせることです。 人間にとって、視覚はもっとも強い感覚です。そのため、高画質なヒーローイメージは、もっとも速くユーザーの関心を引く方法の1つになります。 ヒーローイメージにより、ユーザーはすぐに引き込まれ、そのサイトへ期待を持ちます。

    Webデザインにおける写真のトレンド6選
  • アプリやサイトデザインのためのバイブラントカラー

    色は、デザイナーが持つツールの中でもっとも強力な道具の1つです。注目を集め、ムードを演出し、ユーザーの感情や認識および行動に影響を与えることが可能です。 Webサイトやモバイルアプリのデザインでは、バイブラントカラーが活躍します。デザイナーは、ユーザーを重要な要素に集中させ、デザインを記憶に残るものにするために、バイブラントカラーを使用します。 ここで、皆さんのデザインにバイブラントカラーを使用する実用的なテクニックを、以下にいくつかご紹介します。 編注:バイブラントカラーは、明度、彩度が高い鮮明な色のことを指します。 モノトーン バイブラントカラーを使用するもっとも一般的な方法の1つは、モノトーンのカラーパレットを使うことです。モノトーンのパレットは、ティントカラーとトーンを組み合わせた単色を含んでいます。このようなカラーパレットは、視覚的に興味をかきたてます。注目をひくタイポグラフィと

    アプリやサイトデザインのためのバイブラントカラー
  • ゆるく学ぶUXイベント「UX JAM 10」イベントレポート

    UX MILK編集長。株式会社メンバーズ LXグループ所属。LX(ラーニングエスペリエンス)にまつわる新規事業立ち上げなどをしています。ゲームとパンクロックが好きです。 Facebook / Twitter。 ゆるく学ぶUXイベント、UX JAMが記念すべき10回目を7月13日にクラウドワークスさんで開催しました! 今回は主宰の三瓶からレポートさせてもらいます。 今回はスマートフォン向けゲームUI/UXを研究する専門組織であるCyberAgentUIUX Labさんと、クラウドソーシングサービスを提供するクラウドワークスさんに協賛いただいての開催でした。 抽選では枠数200に対して600を超えるご応募をいただきまして、多くの抽選漏れが生じてしまいました。漏れてしまった方、申し訳ございません。今後どう対処するかは検討中ですが、参加者さんのユーザー体験的にはあまりよろしくないと認識しており

    ゆるく学ぶUXイベント「UX JAM 10」イベントレポート
  • 一貫性のあるUIデザインを作り出すテクニック3選

    Ava GarciaはプロのWordPress開発者で、WordPressのアウトソーシングやPSDからWordPressへの変換サービスを請け負うOSSMedia Ltdに勤務して5年になります。 ビジュアルの一貫性は非常に重要で、視覚的に統一感のあるページを構築することは暗黙の了解となっています。この記事では、バランスとビジュアルの一貫性をUIに取り入れようとする際に参考になる情報をまとめてみました。 当サイトの最初のゲスト記事として、OSSMedia Ltd.のデザイナー、Ava GarciaがUIデザインにおけるビジュアル的一貫性の重要性と、その一貫性を達成しやすくするためのいくつかのヒントを書いてくれました。Avaと彼女の仕事についてもっと関心がある方は、このページの一番下の紹介文をご覧ください。それでは、彼女の記事をお楽しみください! ・・・ UIデザインがWeb開発の最も核心

    一貫性のあるUIデザインを作り出すテクニック3選
    ttrttr
    ttrttr 2016/05/26
  • Webサイトをリニューアルするときに気をつけるべき10のこと

    UXは、その存在を気づかせないときに成功したと言えます。Webサイトのデザインが流れるように直観的になされていて、訪問者が不満を感じることなく情報を見つけることができれば、成功です。UXこそがWebサイトのリデザイン、リフレッシュのすべてです。Webサイトがださくてうまくナビゲーションできていなければ、せっかくのコンテンツの品質、グラフィックデザインの美しさや企業の評判も意味をなしません。 UXは、よくでてきるときには気づかないものの一つです。UXが貧弱だと、その存在に気づかれてしまいます。ちょうど都市計画のようなものです。例えば、シカゴの都市計画が良く出来ていることは、アトランタのような都市に出かけたときに気づきます。シカゴの街のデザインは論理的で整然としていますが、アトランタは同じ名前を持った全く異なる道や奇妙な交差点、非論理的な配置でいっぱいだと多くの人が主張しています。アトランタへ

    Webサイトをリニューアルするときに気をつけるべき10のこと
    ttrttr
    ttrttr 2016/04/27
    当たり前のことだしやりたいと思い続けているけど、、、けど、、、、、、、
  • 感情を揺さぶるWebサイトをデザインする方法

    AlanはIT分野で非常に多くの経験を持つ熱心な技術ブロガーです。現在はカリフォルニアのロサンゼルスにあるウェブサイトのデザイン、開発、インターネットマーケティングを手掛けるSPINX Digital Agencyで仕事をしています。 私たち人間は、自分たちが論理に従って選択をする理性的な人間だと思っています。しかし実際は非常に感情的な生き物です。理性的だと考えようとすればするほど、感情は決断により大きな影響を与えます。 WebデザイナーはWebサイトがどのような感情を引き起こすものかを考慮に入れなければなりません。あなたの意図することを伝えるだけでは十分ではないのです。感情的な反応を引き出せないWebサイトはすぐに忘れられてしまいます。Webサイトをデザインするときには、人の感情を考慮する必要があります。 感情とWebデザイン Donald Normanは『Emotional Desig

    感情を揺さぶるWebサイトをデザインする方法
  • 1