UXだけでは足りない何か | ベイジのUIラボ
UXについて色々と考えることがあり、少し言葉にまとめてみた。何が正しいという話ではないが、率直に感じていることである。 意図されたBad UX 車を運転する人なら経験したことがあると思うが、「近づかないと識別できない信号」というのがある。 この手の信号は、近付くまで青なのか赤なのか判別できない。そのため信号の近くになるまで、このまま進むべきか、ブレーキを踏むべきか、とドキドキさせられる。 先日までペーパードライバーだった私は、当初、スムーズな運転を妨げてストレスを感じさせるこの信号を、液晶の表示角度などの計算を誤った設置ミスだと思っていた。 しかしこれは、複雑な交差点などでの交通事故を防ぐために意図的に仕掛けられたもののようである。 いちドライバーとしては、けっして心地よい体験ではない。しかし、社会全体にとっては良い方向に向かうようデザインされた信号といえる。 このような「意図的にユーザー
提案書の書き方、徹底解説～提案書のストーリー・コピー・デザインの基本法則【スライド付】 | knowledge / baigie
PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法～伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ
入力フォームにおけるエラーデザイン | ベイジのUIラボ
ウェブアプリケーションの使い勝手を向上させる上で、入力フォームの操作がスムーズかどうかは、非常に重要なポイントです。 スムーズに入力できないフォームは、ユーザーにたくさんのストレスを与える可能性があります。その中でも、特にストレスとなりやすいのが入力エラーです。 「入力を終えて登録ボタンを押した直後、エラーメッセージが表示されてイライラした」こんな経験は、誰しもあるでしょう。見方を変えれば、入力エラーを制すれば入力フォームの使い勝手を制することができる、といっても過言ではありません。 そもそも、エラーはユーザーに起こさせない仕組みであるのが理想です。つまり、エラーが発生しないUIに工夫したり、エラーを自動的に修正する機能を実装したり、といったことです。 しかし、UIの工夫だけでエラーを完全に回避することは難しいですし、自動化するにも現在のウェブの技術ではまだまだ限界があります。エラーが発生
SNSでシェアされやすい記事の書き方と投稿の仕方×9 | knowledge / baigie
頑張って書いたブログやオウンドメディアの記事が、SNS上でほぼ無反応だったりすると、「自分にはブログを書く才能がない…」「自分には文章のセンスがない…」などと、つい落ち込んでしまいます。 しかし記事がシェアされないのは、才能や内容ではなく、届け方の問題かもしれません。 この記事では、ベイジ社内で蓄積されている「記事がSNSでシェアされるための工夫」に関する知見をまとめました。SNSの中でも特に拡散性が高いTwitterでのノウハウを中心にしています。 記事の執筆にあたって、これまで数々の記事やコンテンツをSNSで拡散させてきたベイジ代表の枌谷に取材しました。そこで教わったテクニックを、ライターの林崎から皆様に共有します。 1. 認識しやすく興味を引くタイトルをつける SNSでシェアされやすくするために最初に気をつけたいのは、何よりもタイトルです。ベイジでも、記事タイトルは公開ギリギリまで何
ベイジの業務システムUIデザインワークフロー（100のタスクを徹底解説） | ベイジのUIラボ～業務システムとSaaSのUIを考える
2021年現在、ベイジの柱の事業はウェブ制作事業とウェブアプリデザイン事業です。ウェブ制作事業は会社設立の2010年からの主力事業で、サービス品質の平準化を目的に2014年頃からワークフローの整備を進めてきました。 一方ウェブアプリデザイン事業については、事業拡大したのがここ数年で、まだワークフローが整備されておらず、各人の裁量に委ねた進め方になっていました。そこで今後の事業拡大とメンバー増員を想定し作成したのが、業務システムやSaaSのUIデザインに特化した「ベイジの業務システムUIデザインワークフロー2021年版」です。 基本的な進め方は国際規格（ISO 9241-210※）の人間中心設計プロセスに基づいて組み立てていますが、細かいタスクの順序や内容は、今までベイジで培ってきたノウハウをふんだんに盛り込み、組み換えています。 また今回ワークフローを整備するうえでは、クライアントごとの開
ウェブ・ユーザビリティの簡単9原則 | knowledge / baigie
ユーザビリティというのは普遍的に重要なデザインテーマの一つですが、一方でユーザビリティへの関心は、UXが普及して以降、徐々に失われている印象があります。例えば、ユーザビリティがテーマにした書籍のほとんどは2000年代の刊行で、少なくとも日本国内において、2010年代以降に発刊された書籍は僅かです。 実際、Googleトレンドで2004年からの「ユーザビリティ」と「UXデザイン」の検索動向を比較しても、「UXデザイン」が2010年以降に増加傾向であるのに対して、「ユーザビリティ」は2000年代前半をピークに下降しています。 「UX」だと別の意図の検索を含むため、あえて「UXデザイン」で比較していますが、ここにデザイン文脈で使われる「UX」を加えると、「UX」は「ユーザビリティ」を確実に上回っているはずです。 だからといって、2010年代以降にユーザビリティが重要でなくなったわけではありません
未経験デザイナーの私が大切にしてきた7つのこと | knowledge / baigie
デザイナーになるには、実務経験が必要と思うかもしれません。でもベイジでは、未経験デザイナーを積極的に採用しています。未経験者を育てる仕組みも整えつつあります。そして私も、未経験でベイジに入社してデザイナーになった一人です。 入社から4年が過ぎ、すっかり先輩デザイナーになりました。同じように未経験で入社してきた後輩に仕事を教えたり、未経験でデザイナーになりたい方と採用面接でお話したりする機会も増えてきました。それと共に、これまでの4年間、未経験デザイナーとして私が何を大切にしてきたか、ということをよく振り返るようになりました。 この記事は、未経験デザイナーとしての私の振り返りを、7つのことにまとめてみたものです。あくまで一個人の考え方という前提で、ご覧いただけると嬉しいです。 1. 自ら手を挙げる 未経験で入社するわけですから、当然最初はほとんど何もできません。しかし、仕事は与えられるもので
ミスが少ないweb制作会社を目指して～実践している16の取り組み | knowledge / baigie
web制作の仕事は、ミスとの戦いでもあります。 ベイジは数あるweb制作会社の中でも、比較的ミスが少ない方だとは思います。しかしそれでもゼロにはなりません。プロジェクトによっては、単純なミスを多く発生させてしまうことも未だにあります。 便利なツールは沢山存在しますが、人が手を動かし、目視で確認する部分はまだまだ多く残っています。機械化できないそうした箇所で、ヒューマンエラーが起こります。 やっかいなのは、自覚症状がないミスが多いことです。認識違いに起因する場合、本人では正誤の判断ができません。見れば分かる単純ミスも、根底にあるのは認知バイアスであり、それを自ら検出することは難しいものです。 だからといって、「チェックを増やす」「管理シートを作る」と確認工程を増やしていくと、労働生産性はどんどん悪化します。それはやがてコストパフォーマンスの低さ、競争力の低下に繋がっていきます。 「ミスを絶対
オウンドメディアに関する27の質問に2万字で回答します | knowledge / baigie
2019年はコンテンツマーケティング関連のイベントでお話しする機会が何度かあり、その中でたくさんの質問をいただいたのですが、すべての質問にお答えすることができませんでした。 そこで改めてこの場を借り、質問に回答させていただこうと思います。私の経験則にもとづくものも多いですが、参考情報としてご覧いただければ幸いです。 目的・意義・戦略 Q1. オウンドメディアの重要性を経営層に理解してもらうにはどうすればいいですか？ いわゆるオウンドメディアについては、成果が出るまでに時間がかかることが多く、必ず成功すると事前に言い切れません。 そのため、経営者や事業責任者が、オウンドメディアの力をそもそも信じているということは、推進する上での重要なポイントになります。逆に、否定的な人を説得して始めるのはなかなか難しい施策ともいえます。 こういった前提があった上での回答ですが、オウンドメディアの目的を、一つ
未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
学生と社会人の違い | ベイジの社長ブログ
当社にも今年1名の新社会人が、正社員として入社してきました。新社会人が入社するのは3年連続です。当社に入社する方には必ず最初にオリエンテーションを行っていますが、新社会人には「学生と社会人の違い」といったことも教えていたりします。その内容は業種や職種に関わらず割と普遍的なことでもあり、他の会社でも参考になると思うので、ここで共有しようと思います。 本業学生は自由な時間も多いため、アルバイト、ボランティア、インターンなど、様々な課外活動を行うことができますが、本業は学業です。社会人の本業は仕事です。学生と社会人の違いの多くは、学業と仕事の性質の違いに起因しています。 本業の目的学業の目的は、知識（技術）の習得です。豊富で高度な知識が身に付いていることを試験で証明できれば評価されます。一方、仕事の目的は成果です。社会や周囲への貢献、影響と言い換えることもできます。社会人になっても学習は不可欠で
フロントエンドエンジニアが目指すべき本質 | ベイジの日報
自分はフロントエンドエンジニアとして、これまでJavaScriptなどのプログラミングの技術を磨いてきた。そのこと自体は、今でも自分のキャリアにとって重要な意味を持つと考えている。ただ、プログラミングによって目指すことは、以前と少し変わってきている。 今の世の中、小学生でもプログラミングをする。小学生向けのプログラミング本があったり、プログラミング体験ができるイベントがある。ソースコードは小学生でも書ける。言語や程度、質の差はあれど、プログラミングは誰でもできるのだ。逆に言えば、コードしか書けないエンジニアは小学生と同じともいえる。 とびぬけた技術を持っているエンジニアは心配する必要はないだろう。しかし、平均レベル、またはそれ以下のレベルの人は、ソースコードを書ける小学生と大差ない。そしておそらく、それだけで生き残れるほど世の中は甘くない。 エンジニアとして、プログラミングができること以外
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
