【2022年】注目すべきUI/UXデザイントレンド - Qiita
本記事は、ShakuroのRita Kind-Envy氏による「UI/UX Design Trends Of 2022 You Need To Catch Up To」（2021年11月15日公開）の和訳を、著者の許可を得て掲載しているものです。 はじめに 2021年は2020年よりも良い年でしたか？UI/UXデザインに限って言えば、そうです。新しい素晴らしいウェブサイトやアプリが生まれ、グラフィックデザイナー向けの新しいソフトウェアがリリースされ、創造性が泉のように湧き出ているようでした。 デザイナーが在宅を余儀なくされると、より多くのものを生み出し、すでに存在するものについて考える時間ができます。退屈はアーティストの最大の敵で、その解消のために努力します。 世界の他の分野では、2021年は非常に困難な年でした。世界最年長の猫は34歳の誕生日を迎えました。うーん、そう、良かったのはそれだ
ソシオメディア | ヒューマンインターフェース ガイドライン
ソシオメディアがまとめている、ヒューマンインターフェースをデザインする際の指針です。これらは、インターフェースデザインに関する様々な文献と、実際のデザインコンサルティングで得た知見をもとに、ソシオメディアが独自に編纂したものです。継続的に追加・更新していきます。 すべてモデルインタラクションプレゼンテーション
具体的な方法を学ぶ！優れたアプリのデザインプロセスとは
アプリや製品を開発する時、何か問題を解決するために作られるはずです。そして、ユーザーに使いやすいと思ってもらうためには優れたデザインを設計する必要があります。具体的な方法、実際のアプリ事例をもとにデザインプロセスを身につけましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Studio by UXPinのブログ記事を、了解を得て日本語翻訳し掲載した記事になります。 「問題を解決するためには、まず最初に、問題が存在すると認識す
デザイナーが押さえておきたい、2018年のウェブデザイントレンド6個まとめ【完全ガイド】
2018年になってここまで、ウェブデザインにとって驚くべき年を迎えています。これまで何年もかけて進化してきたデザインが、デザインシステムやタクタイルデザインのような新しいトレンド、また楽しく元気なレトロスタイルの復活などにつながっています。これまで以上に、ウェブデザインの現状と今後の流れを考えることが重要になってきます。 この記事では、2018年にもっとも影響を及ぼしている、6つの最新ウェブデザインのトレンドをまとめてご紹介します。 01. コンポーネントを元にした「デザインシステム」 まだデザインシステム（英: Design System）を導入していないなら、きっと今後数年以内に利用することになるでしょう。最新版となる 2017-18 Enterprise UX Industry Report によると、デザインシステムを利用していない企業の67%が、現在作成中と答えています。 デザイ
ブックマークしておきたい！UIデザインのアイデアに困った時、参考になるサイトのまとめ | コリス
WebサイトやアプリなどのUIデザインのアイデアに困った時の参考に、そして勉強になるサイトを紹介します。 ページのレイアウト、UIのさまざまなコンポーネント、動きが気持ちいいアニメーション、実装のテクニックなど、定期的にチェックしておきたいサイトばかりです。 UI Patterns ページのレイアウト、ナビゲーション、データコンテンツ、フォーム、ユーザスクリーンなど、インタラクティブ性の高いUIデザインのさまざまな事例から、UIの問題を解決するデザインのパターンが紹介されています。 ローンチして間もないサイトですが、内容は非常に充実しています。 Collect UI DribbbleでUIデザインを探す人には、かなり便利です。日々アップロードされるDribbleのアートワークのUIデザインに関するもののみをコレクションしているサイトです。 このサイトもローンチしたばかり、登録数は2,000
効果的なフォームをデザインする：構造、入力、ラベルおよびアクション | POSTD
画像の出典：form-ux-tips あなたのアプリやサイトを利用する人々にはある一定の目的があります。そしてその目的を達成するために フォームに 記入しなくてはならないことがよくあります。Webやアプリにおいてフォームは、ユーザにとって未だに最も重要な 種類の操作 であるからです。事実、フォームは目的を達成するまでの 過程における最後のステップ と見なされることも多いのです。 フォームは目的達成の手段にすぎません。迅速に混乱なく、ユーザがフォーム入力を完了させられるようにするべきです。 この記事では、ユーザビリティテスト、フィールドテスト、視線計測（アイトラッキング）、そしてユーザからの実際の不満の声に基づく実用的なガイドラインを紹介します。 フォームの構成要素 一般的にフォームは以下の5つの要素から構成されます。 構造 。フィールドの順番、ページの外観、各フィールドとの論理的な関連付け
WEBディレクターなら知っておきたい。プロジェクトを上手に進めるために必要な知識。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
WEBディレクターの定義は曖昧です。プロジェクトの舵取り役として、コンセプトから仕様検討、デザイン、設計、プロジェクトマネジメント、マーケティングなど広範囲な業務に携わります。広範囲な業務だからこそ曖昧になりそうな職種ですが、デザイナー、エンジニア、マーケター等、チームから信頼されるために必要な知識をまとめてみました。 WEBサービスの知識 WEBの世界は日進月歩で変化していきます。RSSやソーシャルフィルターなど、自分なりに最新の情報をキャッチできる環境を整える事が大事です。クライアントからの信頼を得るためにも、最新のWEB事情やイケてるデザインをパパっと提案の中に組み込めるといいと思います。情報は大きな武器になるので、アンテナは常に立てておくことをオススメします。 Webディレクターならチェックしたい、ニュースサイト15選 大まかな設計の知識、インフラの知識 データベースの構成やサーバ
カスタマージャーニーマップを読み解く：Rail Europe Experience Map
こんにちは、@h0saです。 先日、2014年度サービスデザイン方法論 第2回：カスタマージャーニーマップ（講師：コンセント長谷川氏）を受講しましたが、今回はカスタマージャーニーマップの描き方そのものについて、深堀りしてみたいと思います。 長谷川さんから聴いたお話を参考にしながら、よく引用される Rail Europe のカスタマージャーニーマップ（以下CJM）の内容を読み解いていきます。 また応用できるように、他のCJMの事例についても数多く盛り込みました。 それでは以下からどうぞ。 Rail EuropeのCJMを読み解く 引用記事：The Anatomy of an Experience Map | Adaptive path CJMやエクスペリエンスマップについての記事を読むとよく出てくるこのマップは、Rail Europeでの乗車体験（調査〜予約〜旅行〜旅行後まで）を可視化したも
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
CSSの【display list-item・flex・その他編】プロパティでよく使うものをあつめてみた(第一回) | たねっぱ！
今回はCSSの display: inline、display: block、display: inline-block をマスターしよう！で紹介していますdisplayプロパティの他の値を掘り下げてみようとおもいます。 目 次 へ 戻 る CSSの【display】プロパティでよく使うものをあつめてみた。【第一回 list-item・flex・その他編】 みなさま、お久しぶりでございます。やのっぱでございます(´・ω・｀)ﾌﾞﾋｰ 今回はCSSの display: inline、display: block、display: inline-block をマスターしよう！で紹介していますdisplayプロパティの他の値を掘り下げてみようとおもいます。 displayはよくinlineやblock,inline-block,noneを使用しますが、他にもたくさんの値が用意されています。 たく
センスで語るのはナンセンス--UI/UXを評価する（前編）
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ここまで、ユーザーインターフェース（User Interface：UI）やユーザー体験（User eXperience：UX）を設計するにあたってのさまざまな要素について論じてきた。設計し、作ったものは、なるべく客観的に評価し改善・改良につなげたい。 UIやUXの良し悪しを「何となく」語るのは誰でもできるであろうし、「デザインのセンス」という言葉だけで済ませてしまうことも簡単だが、きちんと評価するにはどうすれば良いだろうか。 今回はUIの評価方法や評価する目の養い方について論じる。 定量的評価 何らかの計測により数値化した尺度で定量的評価ができれば、それは確実に客観的な評価といえる。まずはUIを客観的に評価する方法をいくつか紹介する。
UI/UXの観点から見た業務系ツールを開発するときに気をつけたい20項目
前の前に所属していた会社では、社内用の各種管理ツールやBtoB向けのソリューションなどのWebアプリケーションを開発していたことがありました。ちょうどその時期に業務系ツールのUI/UXに関してまとめておいたメモが見つかり、目を通すと意外と的を得たことが書いてあったりしたので、再び記憶から忘れ去られてしまう前にここにアップすることにしました。2011年頃にまとめたやつですが、参考できる部分があれば是非参考にしてみてください。 業務系ツールを開発するときに気をつけたいこと1. データ（情報）を削除させる場合は、ボタン一押しで削除できるようにしない。ユーザーが誤ってデータを削除してしまうことを防ぐ。「削除してもよいですか」などのアラートを必ず出すようにする。また誤って削除してしまっても復活できるように、削除したデータは削除フラグを立てたり、ゴミ箱用DBに保存したりしておく。 2. フォームチェッ
システムの観点から語る‘UXデザインの設計原則’
日本の業務システムにおいても、いよいよUX（ユーザー・エクスペリエンス）が意識されるようになり、エンジニアの方々もUXを無視できないようになってきました。今回は業務システムの観点から、UXデザインの設計原則を下記の3点に焦点を絞り解説します。 UXデザイナーが備えるべき8つの基本的な姿勢 UXデザイン設計の目的とプロセス UXデザインにおける9つの設計原則 時々、IT関係者の方々に「どうすればUXデザインがうまくできるのか」聞かれることがあります。実は簡単に答えることができない非常に難しい質問なのですが、私はこの質問への回答として下の画像を使用することが多いです。 この画像は一昨年のセミナーで発表資料のために製作したもので、UXデザイナーが備えるべき基本的な姿勢を分かりやすく説明していますので、是非、覚えて頂きたいです。 考：データとタスク分析のための論理的な思考 現：ユーザーがいる現場に
UI/UXデザイナーなら一度は目を通しておきたい「デザイン原則」まとめ【随時更新】
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
効率的に学べた！Webデザインを「職種別」に基礎から勉強出来る総まとめ | コムテブログ
作成：2014/01/6 更新：2014/11/01 Webデザイン > Web制作において、Webデザイナーに関係するものを職種別にまとめました。会社によって分け方は違うと思います。今回は参考サイトとスライドを掲載しています。 エンジニア速報は Twitter の@commteで配信しています。 もくじ アートディレクター １．アクセシビリティ ２．ユーザビリティ ３．UX（ユーザーエクスペリエンス） ４．IA（情報アーキテクチャ） ５．画面設計（ワイヤーフレーム） ６．進行管理 Webデザイナー ７．レイアウト・フォントの知識 ８．配色 ９．Illustratorの使い方 １０．Photoshopの使い方 １１．バナー作成 １２．ボタン作成 フロントエンドエンジニア １３．HTML5 １４．CSS3／Sass １５．javascript １６．jQuery １７．WordPressテー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UI Interactions of the week #94
【永久保存版】エンジニア・デザイナー必見！「UI/UX」の基礎が学べるSlideshare30選
http://blog.iaspectrum.net/uxdeliverables/
in the looop | Looops communications
TechCrunch | Startup and Technology News
