タグ

uiuxとdesignに関するmanabouのブックマーク (4)

  • 使いやすいデザインのための4つの要素

    しばらく前に、UX Boothのエディターの1人であるAmy Grace Wells氏が、次のような記事のアイデアを持ち込んできました。 「学習しやすさ」、「探しやすさ」、「発見しやすさ」、そして「見つけやすさ」について説明、比較、対比して、それぞれがUXにどのような影響を与えるかについての記事を書いたらどうでしょう? 私は考え込んでしまいました。というのも、これらすべての要素が相まって良質なユーザー体験ができあがるということを、たった1の記事でどう説明できるでしょうか。これはひとつひとつが、現代のUXデザインの生業と捉えてもよく、大抵の人は、この中の1つに自分のキャリアをすべて費やすようなものなのです。それなのに私は、信用あるメディアであるUX Boothで、これらすべてについてのHow to記事を書くように依頼されたのです。 私は数ヶ月の間考え続けて、いくつかメモを書きつけ、あとはイ

    使いやすいデザインのための4つの要素
  • グリッドシステムで強固なデザインレイアウトを作る

    この記事はInteraction Design Foundationからの翻訳転載です。配信元または著者の許可を得て配信しています。 The Grid System: Building a Solid Design Layout デザイナーの仕事の構造と背景の根的な考え方として、私たちは自分が作りたい要素のことばかり考えてしまい、グリッドの有効性を看過してしまいがちです。多くの伝統的なアーティストは今でも、まずは縦横に薄い線を引いてから作品を描いています。作業環境を最大限に活用し、より精確に制作するため、デザイナーにもこれに対応するツールがあります。それが、グリッドシステムです。 グリッドの由来 統制の取れたデザインを作るためのもっとも簡単な方法のひとつが、グリッドシステムです。元々は印刷レイアウトのために考えられたもので、実用性が証明されているテクニックです。テクノロジーに頼らずしかも

    グリッドシステムで強固なデザインレイアウトを作る
  • よりよいスキャナビリティのためのUIデザイン

    NemanjaはBMWやSubaruなどのブランドも手掛けたことのある、UI /UXプロダクトデザイナーです。 プロダクトデザイナーは、短期間に多くの情報を表示してしまうことがよくあります。「スキャナビリティ(読み取りやすさ)」という言葉の意味や、一般的な視線の動きのパターン、そして現代のデザイン原則を理解していれば、消費しやすいコンテンツと、魅力的なUIをつくることができるでしょう。 インターネットの世界は日々新たなアプリ、Webサイト、記事などが現れて広がっていきます。溢れかえるコンテンツから自分に関係のあるものだけを探すことは骨が折れるため、ユーザーを情報に注意を引きつけることはますます難しくなっています。 マーケティングの専門家であるDavid Zheng氏によれば、60%以上のユーザーは15秒以内にサイトを離脱しているというのです。 調査によれば、ユーザーはサイトの一言一句をきち

    よりよいスキャナビリティのためのUIデザイン
  • デザインファイルに仕様(サイズ・スペース・コメントなど)を加えるためのデザイン素材 -UXUI Doc Kit

    Webページやスマホアプリのプロジェクトで、チームと開発者向けのドキュメントを作成する際に使用するサイズ・スペース・コメントなど、236種類の要素をまとめた無料のデザイン素材を紹介します。 デザインガイドラインを見栄えよくしたい人にオススメです! UXUI Doc Kit for Sketch/Figma UXUI Doc Kitの特徴 UXUI Doc Kitのダウンロード UXUI Doc Kitの中身 UXUI Doc Kitの特徴 UXUI Doc Kitは、デザインファイルに仕様を加えるための素材です。SketchとFigma用が揃っています。 UXUI Doc Kitには、以下の素材が含まれています。 アロー: 26種類 スペース・サイズ: 水平および垂直 ノート: ステッカー、ラベル、ダイアログ、コメント カーソル ライドモード・ダークモード 各要素はカスタマイズが可能です。

    デザインファイルに仕様(サイズ・スペース・コメントなど)を加えるためのデザイン素材 -UXUI Doc Kit
  • 1