タグ

UIとwebに関するcolissのブックマーク (6)

  • 2019年総まとめ: Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ

    2019年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。

    2019年総まとめ: Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
    coliss
    coliss 2019/12/26
    コリスの2019年総まとめです。それではよいお年を!
  • ボタンのラベルには分かりやすい文言が重要、ユーザーが使いやすい文言の選び方

    ボタンのラベルに「送信(Submit)」や「キャンセル」や「はい/いいえ」しか使わない、という人は注意が必要です。ボタンのラベルはユーザーがボタンをクリックするための重要な要素です。間違った文言を使用していると、ユーザーは混乱し、作業量が増え、タスクにかかる時間が多くなります。 ユーザーがボタンを使いやすいよう、ボタンのラベルに使用する適切な文言の選び方を紹介します。 5 Rules for Choosing the Right Words on Button Labels by UX Movement ボタンのラベルに間違った文言を使用しない 1. アクションの動詞を使う 2. 正確な言い回しを使う 3. タスク固有の言葉を使う 4. 簡潔な言葉を使う 5. 大文字を適切に使う アクションをはっきりと伝える ボタンのラベルに間違った文言を使用しない ボタンの文言は、ボタンがどのように見え

    ボタンのラベルには分かりやすい文言が重要、ユーザーが使いやすい文言の選び方
    coliss
    coliss 2019/06/11
    フォームのボタンラベルに使用する適切な文言の選び方。
  • Webデザインをセンスに頼らず、感覚で判断せず、ロジカルに取り組むためのデザイン書 -ウェブデザインの思考法

    ウェブデザインの善し悪しや品質は、感覚的に語られ決定されてしまうことがあります。例えば、デザイナーのセンスだったり、クライアントのフィーリングだったり、そういう経験はありませんか? ウェブデザインの要素や見せ方における機能性・情緒性をロジカルに解説したお勧めのデザイン書を紹介します。ノンデザイナーズ・デザインブックの内容をさらに掘り下げ、ウェブデザイン用にアレンジされています。 書は日、5/31発売! ウェブデザインに携わるすべての人、ウェブデザインを構築するデザイナー、そしてそれを評価するディレクターやクライアントが同じベースで円滑にプロジェクトを進められるようになる一冊です。 そのデザインになった理由、良いウェブデザインの条件、ウェブデザインにおける「品質」や「理想」。依然としてその答えは属人的であり、感覚的に語られ決定されていることも少なくありません。書がそんな状況を改善し、ウ

    Webデザインをセンスに頼らず、感覚で判断せず、ロジカルに取り組むためのデザイン書 -ウェブデザインの思考法
    coliss
    coliss 2019/05/31
    ウェブデザインの要素や見せ方における機能性・情緒性をロジカルに解説したお勧めの書。
  • WebサイトやスマホアプリのUIデザインに必要な要素・あると便利な要素がまとめられたリスト -Checklist Design

    Webサイトやスマホアプリのデザイナー・制作者、そしてクライアントにも役立つUI要素のデザインのチェック項目を紹介します。 ページに必要な要素、UIコンポーネントに必要な要素、あると便利な要素がまとめられています。デザインを始める時、そして最終的な成果物をチェックする時に、デザインに必要な要素が欠けていないか確認することができます。 Pages: Login このページに必要な要素 ロゴ 完全なロゴ、もしくはシンボルマークのどちらか。 タイトル ユーザーに何をさせたいかに関するコンテキスト。 アカウントの識別 ユーザーの一意の識別子。 パスワード 自分のアカウントにアクセスを許可するための安全なプライベートコード。 パスワードのリセット ユーザーは自分のパスワードを忘れてしまうかもしれません。 登録するためのリンク ユーザーがアカウントを持っていない場合は、このページにアクセスします。 オ

    WebサイトやスマホアプリのUIデザインに必要な要素・あると便利な要素がまとめられたリスト -Checklist Design
    coliss
    coliss 2019/04/02
    ページに必要な要素、UIコンポーネントに必要な要素、あると便利な要素がまとめられたチェックリスト
  • 簡単で便利すぎる!UI用のシンプルなSVGアイコンをカスタマイズしてダウンロードできる -ICONSVG

    Webサイトやスマホアプリに使用する、UI用のSVGアイコンをカスタマイズしてダウンロードできるICONSVGを紹介します。 デザインは非常にシンプルで、使い勝手がよいと思います。 ICONSVG ICONSVGは登録など、面倒なことは一切不要。 簡単にアイコンをダウンロードできます。 アイコンの利用にあたっては、明記されていないので作者様に尋ねたところ、個人でも商用でも完全に無料で、商用のプロジェクトに利用しても無料、とのことです。 まずは、カスタマイズの紹介。 アイコンを選択し、右パネルで、アイコンのサイズやストロークを調整できます。

    簡単で便利すぎる!UI用のシンプルなSVGアイコンをカスタマイズしてダウンロードできる -ICONSVG
    coliss
    coliss 2019/02/22
    UI用のSVGアイコンをカスタマイズしてダウンロード
  • 1冊は持っておきたい!UIデザインや人間の認知についてしっかり学べるデザインの解説書 -UIデザインの教科書

    UIデザインの考え方を学びたい、UIデザインを説明するためのロジックを学びたい、使いやすい・分かりやすいとは具体的にどうデザインすればよいのか、そんな人にかなりお勧めの一冊を紹介します。 UIデザインや人間の認知について知りたいことがすぐに分かり、役立つと思います。 UIデザイナーやディレクターだけでなく、UI制作に関わるすべての人にお勧めです。 書は2013年に刊行された「UIデザインの教科書」の新版で、2018年の最新環境にあわせて、構成および内容を全面的に書き直しされたものです。

    1冊は持っておきたい!UIデザインや人間の認知についてしっかり学べるデザインの解説書 -UIデザインの教科書
    coliss
    coliss 2019/02/01
    UIデザインの考え方を学びたい、UIデザインを説明するためのロジックを学びたい人にお勧めです。
  • 1