6つの情緒性の軸を使ってウェブデザインのトーンを決定する方法を解説します｜金 成奎
「言語イメージスケール」の問題点 いわゆる「トンマナ」と呼ばれる、ウェブサイトやアプリにおけるビジュアルデザインのトーン・方向性ですが、その決定方法には色々な方法があります。代表的なところでは「言語イメージスケール」の活用があげられるでしょう。 詳細な内容はこちら。 デザイナーならお世話になったことがある方も多いと思いますし、実際私も何度も活用させていただきました。このマトリックスを活用することで、イメージのすり合わせが可能になり、デザインの方向性について可視化・言語化できるようになります。 ......ただ、(この表を作られた方々に最大限のリスペクトを評した上での指摘ですが) 、ウェブデザインにおけるアートディレクションを行う上で、この表に対していくつかの問題点を感じるようになってきたのも事実です。具体的にはこの辺り。 1.ワードが多く、細かすぎる この言語イメージスケールには180の言
Refero — design references for your next project
The biggest collection of design references from great web applications
おもちゃ箱のようなアプリBaaaaのUI/UXが凄すぎた件｜Yusui Hoshino
【はじめに】この記事はBaaaaと何の関係もないただの学生（25卒）が執筆しています。 【Baaaaとは】カメラで現実世界を写すことで絵文字が生成され、それをコレクションしたり、レコードに載せて音楽を奏でられるアプリ。他の人のレコードを回したりスクラッチしたりとSNS的な側面も持つ。 日本企業のwedが制作しており、同社はONEというレシート買取サービスも開発している。 【感動した5ポイント】1.UIのサイズが激しく変化する下部にあるフッターナビゲーションの大きくサイズが変化するボタンを見て欲しい。選択されている場所を色、サイズ、テキストで強調できており、分かりやすい。また、指からはみ出すアニメーションはダイナミックでワクワクする。 フッターナビゲーションそして、一体感がすごい。フッターナビゲーションを左右にスワイプすることによって、指、ボタン、中央画面が全て同じ方向に動く。まるで指で引っ
Web制作のデザイナーが、いつもの仕事から越境するために挑戦したこと —— 自分らしくデザインノウハウを応用する方法 | Visional Designer Blog
デザイナーの働き方が広がるって言われたけど、本当？「デザインはビジネスやサービスの課題を解決へ導く」「経営者の横にデザイナーを配置しましょう」と言われるようになって数年が経ちます。その後、様々な企業や...
ユーザーが迷わない、直感的に操作できるUIの作り方 | UX TIMES
こんにちは、デザイナーの小蕎です。UX DAYS TOKYOの読書会で学んだ”心理学や脳科学”の内容を取り入れた「脳科学で習慣化を促すアプリ（以下、習慣化アプリ）」を作ってみようということになりました。 アプリの画面設計をして、オーガナイザーである大本さんからUIを指摘されることで多くのナレッジを得られました。知識として頭にいれるだけでは身につかない、実際に作ってみたことで学べた事例をご紹介します。 CTAはメインカラーと異なるものを利用する 色を決定していく時に、ヘッダーや行動を誘導するボタン（CTA）もメインカラーにあわせた色にしていました。 それが左の画像です。ヘッダーと「次へ」ボタンが同じ色になっていて一見まとまりがあるように見えますが、馴染みすぎてしまいCTAであることや強調したい部分がユーザーに伝わりません。 メインカラーとボタンを同じにしてしまうと画面に馴染みすぎてユーザーの
ウェブ・ユーザビリティの簡単9原則 | knowledge / baigie
ユーザビリティというのは普遍的に重要なデザインテーマの一つですが、一方でユーザビリティへの関心は、UXが普及して以降、徐々に失われている印象があります。例えば、ユーザビリティがテーマにした書籍のほとんどは2000年代の刊行で、少なくとも日本国内において、2010年代以降に発刊された書籍は僅かです。 実際、Googleトレンドで2004年からの「ユーザビリティ」と「UXデザイン」の検索動向を比較しても、「UXデザイン」が2010年以降に増加傾向であるのに対して、「ユーザビリティ」は2000年代前半をピークに下降しています。 「UX」だと別の意図の検索を含むため、あえて「UXデザイン」で比較していますが、ここにデザイン文脈で使われる「UX」を加えると、「UX」は「ユーザビリティ」を確実に上回っているはずです。 だからといって、2010年代以降にユーザビリティが重要でなくなったわけではありません
症状に関連する病名についてAIで無料で調べる
本サービスは医療機器ではないため、関連する病気や医療機関等の情報提供のみを行い、医学的アドバイス・診断・治療・要望などは目的としておりません。また医師や専門家に代わるものではないため、提供する情報に基づいて医学的判断を下したり、何らかの行動（薬の服用等）の実施・中止をしないでください。生命を脅かすような情報や緊急の状態においても使用しないでください。
2023年 日本の広告費 - News（ニュース） - 電通ウェブサイト
株式会社電通（本社：東京都港区、社長：佐野 傑）は本日、日本の総広告費と、媒体別・業種別広告費を推定した「2023年 日本の広告費」を発表した。詳細は下記のとおり。 ＜2023年 日本の広告費の概況＞ ◆2023年の総広告費は、通年で7兆3,167億円（前年比103.0%）となり、1947年の推定開始以降、前年に続き過去最高を更新した。上半期（1-6月期）は、新型コロナウイルス感染症（以下、新型コロナ）の5類感染症移行に伴うリアルイベントの開催数増加や国内外の観光・旅行の活性化などにより回復がみられた。下半期（7-12月期）は、夏から秋にかけての猛暑や中東問題などの影響を受けたものの、社会・経済活動の活発化に伴い「交通・レジャー」「外食・各種サービス」「飲料・嗜好品」を中心に広告需要が高まった。進展する社会のデジタル化を背景に増加傾向が続くインターネット広告費や人流の活発化に伴って増加した
ユーザーインタフェースデザインのための10ユーザビリティヒューリスティックス
ヤコブ・ニールセンのインタラクションデザインのための一般的な原則。これらの原則は幅広い経験則であり、具体的なユーザビリティガイドラインではないため、「ヒューリスティックス」という。 10 Usability Heuristics for User Interface Design by Jakob Nielsen on November 15, 2020 日本語版2021年4月12日公開 この記事の最後で、ヤコブの10ユーザビリティヒューリスティックスの無料ポスター（英語）をダウンロードできる。 1. システム状態の視認性 デザインは、妥当な時間内に適切なフィードバックを通じて、今、何が起こっているのかを絶えずユーザーに知らせる必要がある。 ユーザーが現在のシステムの状態を把握できれば、彼らは自分がそれまでに行ったインタラクションの結果を知り、次のステップを決定することができる。予測可能
ウェビナー講演時に使えるスライド資料のテンプレート | メソッド | 才流
日々の業務で忙しい中で、ウェビナーのスライド資料を開催ごとに作成するのは案外手間がかかるものです。体裁を整え、デザインを検討する。それだけでも工数がかかってしまいますよね。 そこで、導入と締めのパートなど、各ウェビナーで共通する内容をテンプレート化しておくことをおすすめします。 本ページでは、当社のウェビナーで使用しているスライド資料のテンプレートを、個人情報の入力なしでダウンロードできます。ウェビナー本論にあたる内容部分と組み合わせて、資料作成の効率化にお役立てください。 サイズは2種類あります。 【16:9】ウェビナーの講演スライドテンプレート（pptx形式）をダウンロードする※個人情報の入力は必要ありません。 クリックするとファイルがダウンロードされます。 才流では成果が実証されたメソッドにもとづき、マーケティング戦略立案から施策実行まで支援しています。マーケティング活動で課題がある
エラーメッセージガイドライン
効果的なエラーメッセージをデザインするには、視認性を高め、建設的なコミュニケーションを提供し、ユーザーの労力を尊重する必要がある。 Error-Message Guidelines by Tim Neusesser and Evan Sunwall on May 14, 2023 日本語版2023年10月11日公開 （この記事の最後で、ヤコブのユーザビリティヒューリスティックNo.9の無料ポスター（英語）をダウンロードできる） 30年以上前、ヤコブ・ニールセンは、デジタル製品をデザインするための一般的なガイドラインとして、10 のユーザビリティヒューリスティックスを考案した。現在でも、これらのヒューリスティックは、その当時と同様に通用する。ユーザビリティヒューリスティックNo.9の「ユーザーのエラーの認識・診断・回復をサポートする」は、適切なエラーメッセージをデザインすることの重要性を説く
フォームにおけるエラーの通知方法： 10のデザインガイドライン
問題を明確に特定し、エラーのある入力欄にユーザーがアクセスして、すぐに修正できるようにすることで、ユーザーがエラーから復帰できる手助けをしよう。 How to Report Errors in Forms: 10 Design Guidelines by Rachel Krause on February 3, 2019 日本語版2019年9月3日公開 フォームは、多くのアプリケーションやWebサイトに必要なコンポーネントで、ログインや商品の購入、フィードバックの送信、個人情報の入力に利用される。自分が使っているWebサイトで、情報の入力を何回おこなっているかを考えてみてほしい。その結果、それがエラーになる頻度はどのくらいあるだろうか。また、そうしたエラーをうまく切り抜けるのにイライラすることはないか。 エラーメッセージとは、システムの状態表示の1つだ。すなわち、ユーザーに彼らが直面してい
#Webデザインお題 TOPをデザインしよう｜こばやす｜Webデザイナー
こんにちは、こばやす（@kobayas_s）です。 前回、「構成からWebデザインする」でがっつり数ページのお題を出してみましたが、なかなか苦戦している方がいたので、今回は1ページもののWebデザインお題を作成してみました。 もっと #Webデザインお題 を広めて欲しいので、今回のお題は無料公開にしています。 未経験からWebデザイナーを目指す人から、プロだけど非公開案件が多くて実績が載せられないのでサンプルとして作りたいという方までふるってご参加頂ければ嬉しいです。 なお、このnoteでデザインカンプの制作方法は割愛しているので、初めてWebデザインをする方は下記の記事を参照してください。 0. Webデザインお題 参加方法❶このnote後半にあるお題の内容を読む ❷お題を元にWebサイトをデザインする ❸作ったデザインを自分のブログやtwitterなどの投稿用画像に落とし込む ❹ #W
Mac で VPN 接続が不安定で勝手に切れてしまう場合の設定方法 - 猫でもわかるWebプログラミングと副業
環境 設定方法 MTU とは何か 参考 環境 仕事でテレワークしているときなど、Mac で VPN 接続して作業しているときに、VPN 接続が定期的に切れる問題に悩まされていました。 大体1〜2時間に1回くらい VPN が切れます。 以下の設定方法である程度改善したのでまとめておきます。 私は MacBook Pro を利用していますが、 MacBook Air などでも同じだと思います。 設定方法 Mac 右上の Wi-Fi マークから「"ネットワーク"環境設定」を開く Wi-Fi を選択し、「詳細...」をクリック 「ハードウェア」の「MTU」で「カスタム」を選択し、なるべく小さい値を入力します これで私の場合はVPNが切れづらくなりました。 MTU とは何か MTU とは、 Maximum Transmission Unit の略で、ネットワークで1回に送信できる最大のデータサイズで
DIST.42 「クリエイティブコーディングで生み出すWebデザインの世界観」 (2024/02/09 19:00〜)
お知らせ connpassではさらなる価値のあるデータを提供するため、2024年5月23日(木)を以ちましてイベントサーチAPIの無料での提供の廃止を決定いたしました。 2024年5月23日(木)以降より開始予定の「connpass 有料API」の料金プランにつきましてはこちらをご覧ください。 お知らせ connpassをご利用いただく全ユーザーにおいて健全で円滑なイベントの開催や参加いただけるよう、イベント参加者向け・イベント管理者向けのガイドラインページを公開しました。内容をご理解の上、イベント内での違反行為に対応する参考としていただきますようお願いいたします。 2月 9 DIST.42 「クリエイティブコーディングで生み出すWebデザインの世界観」 職種や技術の垣根を越えてWebに関わるすべての人を結ぶクリエイティブコミュニティ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Status
ddd.pizza
UIUXクイズ | LikePay
Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.
EightShapes Contrast Grid