UI / UX

Googleで検索すると、たくさんのトンが見つかります。 無料のアイコンセット から選ぶ。しかし、それぞれが独自の 独自のスタイルと目的 あなたのプロジェクトに最適なものを見つけるのは難しいかもしれません。. ゾンディコン に焦点を当てた新しいiconsetです。 Webおよびモバイル用のUIデザイン. それはあなたが何からでも合うためにあなたが手直しして作り直すことができる何百ものSVG形と共に来ます デスクトップソフトウェア に モバイルアプリとウェブサイト. すべてのアイコンは でホストされている .ジップ ファイル ワンクリックでフルアクセスできます。彼ら全員 お入りください .SVG フォーマット, そのため、それらを編集するにはAdobe Illustratorなどのプログラムが必要です。. このアイコンパック全体は、デザイナーのための無料のリソースとしてSteve Schogerによって作成されました。それ 頻繁に更新を受ける 新しいアイコンで、それは永遠に無料でいることを目標に100％無料iconsetとして維持されます. あなたはこれらのアイコンを使用することができます 個人的または商業的なプロジェクト そして真剣に、あります たくさん...

私はいくつのトラックを失った 景品サイト 今日オンラインです。ほとんどがPhotoshopやIllustratorなどの伝統的なアドビのソフトウェアに焦点を当てていますが、アドビの最新のプログラムにあまり注目することはできません。 エクスペリエンスデザイン（略してXD）. このプログラムは まだベータ版 それでもデザイナーの間で急速に成長しています。それも持っています 独自のリソースWebサイト、XD Guru, これは、閲覧するのに最適な場所です。 XDの景品とチュートリアル. これは本当に素晴らしい価格タグですべての最高のXDリソースのためのワンストップショップです：無料！次のようなXD景品がたくさんあります。 ウェブサイトのモックアップ, アイコン, UIキット, そして よりシンプルなグラフィック Webボタンのように. また見つけることができます 無料のチュートリアル, 書面またはYouTubeの動画として. このウェブサイトの目的は 成長するXDオーディエンスを活用する XDプログラムの権威になるために。それは スケッチへの強い競争相手 そしてSketchができるよりずっと前にXDがWindowsマシンを打つように思われる. だから、あなたがXDを学ぶことを望んでいるか、単にいくつかの景品を台無しにしたいだけであるかどうか、私は最高のリソースとしてXD Guruを提案しなければならない。このサイトはとても新しいので、間違いなく かなり小さい. Adobe...

Webデザインの死についての怖い記事が、今年の夏、インターネットを駆け抜けて、Webデザインコミュニティは業界の将来について深く考えました。 Webデザインはそうではないと主張するさまざまな四半期からの多くの異なる応答がありました デッド, ただ 変化 他の業界より少し早く. 変化は本当です, そして 持続可能なビジネスは前進し、流れと共に泳ぐ必要があります. この記事では、私たちが考えている方法とデザインを行う方法を切り替える必要性を示す変更を一目見ます。. 新しい技術はより広いアプローチを要求する かなり以前から、Webページはインターネット体験のアルファとオメガでした。しかし、ここ数年の間に、ソフトウェア市場はかつてないほどのスピードで進化しました。私たちは毎日新しい機器について読み、スマートフォンやタブレットは私たちの生活の中でどこにでもあるようになりました. モバイル画面用の設計はデスクトップ用の設計とは異なりますが、スマートウォッチのウォッチフェイスなどの超小型画面と比較することはできません。ほとんどのウェアラブルに光沢のあるデザイン要素を配置する場所はそれほど多くありません。. それらは機能的である必要があり、デザイナーは必要とします ユーザーがどのように画面を操作するかに焦点を当てる. 画面との対話には、次のような多くの新しい方法もあります。 ジェスチャー、音声制御 そして 顔の表情. 見るだけじゃない ハードウェアの変更 しかしにも変化があります コンテンツタイプと流通チャネル. モバイルおよびタブレットアプリケーション、ソーシャルメディアプラットフォーム、またはFacebookページに移行する中小企業サイトの増加について考えてみてください。. 手短に言えば、最近のデザイナーは マルチチャンネルデジタル体験を作成する ますます多くのスクリーンがインターネットによって一緒に接続されている世界では. したがって、Webデザインはまったく機能しません。 より複雑になる 業界の成熟により。最近ではウェブサイトが一つになっています...

の コンテンツの視覚的方向 はあまり広くは議論されていませんが、高変換Webデザインの重要な側面です。すべての訪問者は、最初のページの読み込みで新しいサイトを「吸い上げ」ます。. 美学は役割を果たすが、それはもっと 全体的なデザイン感. この感覚は空白、活版印刷、対称性の影響を受けますが、ほとんどの場合 関係 ページ要素間. デザイナーは訪問者が欲しい ページに留まる そして スクロールし続ける 彼らの注意を引いて、彼らをそのサイトに興味を持たせることによって。デザイン原則は常に焦点を当てるべきです フォームの前の機能について. これはデザインが 内容を補完する, 後付けとしてそれを押し込まないでください. この記事では、私はあなたができる方法についていくつかのヒントをお見せしたいと思います。 レイアウトとビジュアルコンテンツフローを改善する あなたのサイトに. 構図に焦点を当てる Webサイトのあらゆる部分が構築されます 全体的なレイアウトに. この全体的なレイアウトは、次のように述べているゲシュタルト理論の規則に従う構成を作成します。 全体は常に部分の合計よりも大きい. ページの個々の領域は一緒になる 全体を形成する. デザイン要素を構築する必要があります 引力 内容についてページ上のすべてのもの...

の オンラインでのやりとりの背景 最近劇的に変化しており、近年では 大きな変化 技術の分野で。情報化時代 Experience Ageに置き換えられました. Web開発に関しては、この変化の最も顕著な現れは 新しいフィールドユーザーエクスペリエンス（UX）設計の出現. ユーザーエクスペリエンスデザインはWebデザインから生まれました。それでも、あまりにも多くの人がこれは同じ古いものの新しい光沢のある名前だと思いますが、UXデザインは本当に必要です 異なる考え方、より広い方法論、そして一握りの新しいツール. 才能のあるUXデザイナーの需要が高まっているので、この記事ではUXデザインとは何か、そしてあなたが1つになりたいのであれば知っておくべきことを見ていきます。. UXとは? がある 3つの概念 それは頻繁に交換可能に使用されます： ユーザーインターフェイス、使いやすさ、およびユーザーエクスペリエンス-しかし、それらは同じものではありません. おそらく知っておくべき最も重要なことはそれです UXはUIではありません;このウェブサイトであなたはダウンロードすることができます “UXはUIではありません” ポスター サイズを変えて、思い出せるようにしましょう。すぐに見てみましょう ミニ用語集 これら3つの用語のうち. ユーザインタフェース（UI） A 視覚的要素のセット ユーザーに許可する Webサイトまたはアプリケーションと対話する, ボタン、アイコン、ナビゲーション要素、ツールチップ、ユーザープロファイルなど....

あなたがあなたの休暇を計画している間あなたがまだ専門的に成長することができるということはあなたの心を超えましたか？人気のある旅行ウェブサイト、予約とチェックアウトのフォーム、旅行プランナーとホテルの時刻表はすべてに優れた情報源です。 ユーザーエクスペリエンスデザインの分野であなたの知識を強化する. 最適な場所、ホテルを選択し、旅行のスケジュールを設定する際には、何がうまくいくか、何がうまくいかないか、何があなたを刺激し、何がすぐに別のサイトにジャンプするかに注意を払うことをお勧めします。. あなたの反応、喜び、そして嫌悪感は、すべてサイトのユーザーエクスペリエンスデザインの効率の大きな特徴です。. この記事では、人気の旅行サイトからあなたが拾うことができるユーザーエクスペリエンスについて10のレッスンを学ぶことができます. UIとUXの違い UXはUIではありません。 書かれていない 法律。 Webサイトの使いやすさについて読むときは、そのユーザーインターフェース（UI）について考える必要があります。ユーザーインターフェースは 様々な視覚的要素のセット あなたの訪問者があなたのウェブサイトとやり取りするときに使う（クリック、ホバーオン、タップ）メニュー、ボタン、アイコンなど. ユーザビリティは、ユーザインタフェース（UI）を説明する品質です。ユーザビリティは、次のようなUIの効率を示します。 ウェブサイトを使うのがどれほど簡単か （学びやすさ）, ユーザーが指定された目標を達成する速度 （効率）, どれほど簡単に彼らは彼らの記憶を思い出すことができます サイトのしくみ（記憶）について それが使用することはどのくらい楽しいですか （ユーザー満足度）. ユーザビリティは、ユーザエクスペリエンス（UX）と呼ばれるより複雑な概念の1つの側面です。ユーザー体験 ユーザーのエクスペリエンスに影響を与えるすべてのものを含みます - 否定的にも肯定的にも。優れたUXは見込み客のあらゆるニーズを満たします - 優れたユーザビリティと他の多くのこと. ユーザーエクスペリエンス調査会社Nielsen-Norman Groupによると、 画像：メリーランド大学1.ユーザにスタート地点を与える...

効果的でユーザーフレンドリーなナビゲーションをデザインするために、私たちはどのようにするかについて考える必要はありません。 コンテンツをうまく構成されたメニューにグループ化する ユーザーが自分の欲しいものを簡単に見つけられるようにする方法 サイトとやり取りするために必要なツールを設計する コンテンツと厳密には関係がなく、ユーザーがさまざまなアクションを実行するのに役立つナビゲーションは、「ナビゲーション」と呼ばれます。 ユーティリティナビゲーション, それは、あまり広くは議論されていませんが、ユーザーエクスペリエンスデザインの非常に重要な側面です。検索バー、ログインおよびサインアップフォーム、購読、共有および印刷ボタン、ショッピングカート、コンテキストメニュー、および言語やフォントサイズの切り替えを可能にするツールは、ユーティリティナビゲーションの典型的な例です。. それらを設計することは、一見するとそれほど容易ではありません、それは どの要素が必要なのか、どこに配置するのか、そしてそれらをどのように表示するのかを見つけるための配慮が必要 私たちの訪問者がすぐにそれらを見つけて、彼らがどのように働くかを理解することができることを確実にするために. ユーティリティナビゲーションがUXに与える影響 ユーティリティナビゲーションを設計するときには、ユーザーがサイトと対話する方法を決定する必要があります。我々に彼らに提供する必要があります 相互作用構造 それは私達のビジネス目標に合い、顧客の旅を通してユーザーを導き、彼らに分かりやすい選択肢を与え、そして彼らに心地良いユーザー体験を提供します。. まず第一に, 彼らは彼らが望む行動を迅速に実行することができる必要があります. そうすることで、顧客満足度が高まり、満足しているユーザーはウェブサイトにより多くの時間とお金を費やすようになるでしょう。. AirBnBのホームページはこのUXの原則に従い、そのトップメニューにはユーティリティツールしか含まれていません。これは通常の解決策ではありませんが、AirBnBの驚くべき成長率を見れば、それは彼らにとって完璧な選択です。. 4つのトップメニュー項目は、通常AirBnBのサイトにアクセスする4つの主要なペルソナをターゲットにしています。“ホストになる”）、サービスを利用している間に発生した問題を解決したい人（“助けて”）、新規ユーザーおよび返品ユーザー（“サインアップ” そして “ログイン”） AirBnBの実用性重視のホームページには、宿泊施設を借りるWebサイト上の重要なツールであるクイック検索バーも含まれています。. 第二に, ユーザーは余分なユーティリティを必要としません。混乱が大きすぎると注意が邪魔され、焦点が絞られるためです。. 私たちのユーティリティナビゲーションに必要なツールは何か、そして私たちのサイトの性質に依存しないものは何ですか。たとえば、ブログやニュースサイトに印刷ビューを含めると便利な場合がありますが、フォーラムボードやソーシャルメディアWebサイトでは同じ機能が不要な注意散漫になることがあります。. たとえばWashington Postは、ホームページ上とは異なる方法で、1つの投稿ページにユーティリティナビゲーションを表示します。このようにして、ユーザは関連性のあるユーティリティツールにしか会えず、とにかく使いたくないオプションに悩まされることはありません。. 訪問者がサイト全体で使用したいと思うかもしれない3つの実用的なナビゲーション項目があります。これらは固定トップバー（検索ツール）にスマートに含まれています, “サインイン”, そして...

ユーザーエンゲージメントは、Webサイト所有者の主な目的の1つです。あなたの訪問者に投票したり、アンケートを取ったり、フォームに記入したり、あなたのサイトをソーシャルメディアなどで共有してもらいたいです。 あなたは「あなたの顔に」ポップアップであなたの訪問者をいらいらさせたくありません またはアクション通知を呼びます。それであなたを助けることができるものは便利ですが微妙なウェブサイトのツールバーです. だからこの記事では、私はあなたができるようにするスクリプトやサービスのコレクションを持っています 控えめな通知、またはメッセージを送信する 彼らがあなたのウェブサイトを訪問している間あなたの読者に。. こんにちはバー - こんにちはバーは両方があります 素晴らしい機能を備えた通知バーの無料およびプレミアムバージョン 分析からA / Bテストまで。それはあなたがさまざまな目的のためにあなたのウェブサイト上の通知バーを追加し、カスタマイズし、そしてプレビューすることができるところで使いやすいダッシュボードを持っています. WordPressの通知バー - 簡単にセットアップできるプラグイン、WordPressの通知バー あなたのウェブサイトのための付箋通知バーを作成するのを助けます. WP通知バー - 便利なWP Notification Barsプラグインはあなたのウェブサイトにカスタム通知とアラートバーを追加することを可能にします。色は無制限です. トップバー - トップバーはあなたのサイトにシンプルでわかりやすい通知バーを追加する最も簡単な方法です。あなたが見たもの、それがあなたの手に入れたものだ. GCメッセージバー - より多くの訪問者をあなたのサイトに導き、より多くの見込み客を獲得するのに役立つ完璧なプラグイン。あなたは目を引く通知バーで素晴らしいCTAを追加することができます. WordPressの通知バー -...