タグ

ブックマーク / baigie.me (12)

  • 管理画面のUIデザインにおける20の改善ポイント | ベイジのUIラボ

    私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その

  • デザイン提案に説得力を持たせる6つのステップ(スライド付き) | ベイジの社長ブログ

    Webサイトのデザインの方向性決めというのは、検討が長引いたり、スケジュールの遅れに繋がったりする要注意ポイントの一つです。弊社も例外ではありませんが、一方で、デザインに至った過程を丁寧に解説することで、スムーズに進めることは可能であるとも感じています。ここでは、デザインコンセプトを自然に理解していただくために弊社が行っている提案方法を共有しようと思います。 以下のスライドは、実際に使われたスライドです。公開用に細部は少し変えましたが、内容はほとんどそのままです。 クライアントは、株式会社マネジメントサービスセンター(以下、MSC)という企業の人事戦略や人材育成の支援を行っているB2B企業です。ターゲットは人事部や経営層などで、前段として戦略、設計が完了し、ベースとなるデザイン案を初めて提案する際に使ったものです。こちらを元に、ステップごとに細かな解説をします。(スライド中に出てくる検討プ

    デザイン提案に説得力を持たせる6つのステップ(スライド付き) | ベイジの社長ブログ
  • 営業の崩壊と再生~営業の問題を解決する14の処方箋 | knowledge / baigie

    SNSだけを見ていると、私たちの会社はいつも平穏でマイペースに仕事をしてるように見えるかもしれない。しかし、所詮は私たちも普通の会社。世の多くの会社が経験する浮き沈みや苦労と無縁ではない。 昨年は創業以来初ともいえる「営業危機」を経験した。幸いにして半年で問題の大半は解消し、数多くの学びを得た。 その一部始終を言語化することで、経験を再利用可能なノウハウとして定着させたい。同時に記事として公開することで、同じ課題で悩む企業や組織の手助けになればと思う。 自負と怠慢 ウェブ制作会社でありながら、マーケティング系のイベントに多数登壇し、マーケティング系のメディアから多数取材が来る。そんなウェブ制作会社は私たちだけだと思っている。マーケティングに強いと市場に認められ、実際にそうだという自負があった。 制作者が社員の大多数を占めるウェブ制作会社にとって、制作をしているだけで自然と仕事が舞い込んでく

  • ウェブ・ユーザビリティの簡単9原則 | knowledge / baigie

    ユーザビリティというのは普遍的に重要なデザインテーマの一つですが、一方でユーザビリティへの関心は、UXが普及して以降、徐々に失われている印象があります。例えば、ユーザビリティがテーマにした書籍のほとんどは2000年代の刊行で、少なくとも日国内において、2010年代以降に発刊された書籍は僅かです。 実際、Googleトレンドで2004年からの「ユーザビリティ」と「UXデザイン」の検索動向を比較しても、「UXデザイン」が2010年以降に増加傾向であるのに対して、「ユーザビリティ」は2000年代前半をピークに下降しています。 「UX」だと別の意図の検索を含むため、あえて「UXデザイン」で比較していますが、ここにデザイン文脈で使われる「UX」を加えると、「UX」は「ユーザビリティ」を確実に上回っているはずです。 だからといって、2010年代以降にユーザビリティが重要でなくなったわけではありません

    ウェブ・ユーザビリティの簡単9原則 | knowledge / baigie
  • 管理画面のUIデザインにおける20の改善ポイント | ベイジのUIラボ~業務システムとSaaSのUIを考える

    私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その

  • 理由はいいから腕を磨け | ベイジの日報

    以前勤めていた会社はデザイナーが遠隔地にいたため、クライアントと直接会わないことが多かった。そのためディレクターがクライアントに直接話を聴き、その内容を社内に持ち帰ってデザイナーに伝える、という制作工程が一般的だった。 デザイナーの中には、それでも器用にデザインができてしまう人と、そうでない人がいた。そして後者のデザイナーからは、こんな声がよく上がっていた。 前段のインプットが十分ではないので作りにくい クライアントと直接話ができないので作りにくい この時ディレクターをやっていた私は、この意見に一理あると思った。 そこで、前段の設計資料をサマリーせずにフルで共有したり、オリエンをより丁寧にしてみたり、クライアントとの打ち合わせに同席してもらう機会を設けるようにした。 結果どうなったかといえば、変わらなかった。なぜなら、デザインのクオリティが低かったのは、インプットやクライアントと直接会うか

    理由はいいから腕を磨け | ベイジの日報
  • 提案書の書き方、徹底解説~提案書のストーリー・コピー・デザインの基本法則【スライド付】 | knowledge / baigie

    PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法~伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で当に必要な知識だけをまとめています。 約170ページあるスライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ

  • ウェブ制作会社はコンペで選んではいけない | knowledge / baigie

    ウェブ制作会社を探している発注企業にお会いした際、私は「コンペはやめた方がいい」という話をよくします。 複数の会社を選ぶこと自体は問題なく、むしろそうすべきと思いますが、ここでいうコンペとは、提案書やデザイン案などの課題を提出させるようなコンペです。 (ちなみに「コンペ」という俗語は、語源のcompetitionから派生して、人や会社によって定義に幅がある使われ方がされていますが、ここでは「なんらかの課題を作らせて競わせる方法」といったん捉えています。見積中心の比較は「相見積」と捉えます) ウェブ制作会社の立場でこういう話をすると、「その方が自分たちにとって都合がいいからでしょ?」と思われるかもしれません。しかし、もし私が発注企業の担当者だったとしても、やはりコンペという手段は選択しません。 この記事では、私が考えるコンペを実施しない方がいい理由と、コンペをせずに効率よくウェブ制作会社を選

  • ベイジの業務システムUIデザインワークフロー(100のタスクを徹底解説) | ベイジのUIラボ~業務システムとSaaSのUIを考える

    2021年現在、ベイジの柱の事業はウェブ制作事業とウェブアプリデザイン事業です。ウェブ制作事業は会社設立の2010年からの主力事業で、サービス品質の平準化を目的に2014年頃からワークフローの整備を進めてきました。 一方ウェブアプリデザイン事業については、事業拡大したのがここ数年で、まだワークフローが整備されておらず、各人の裁量に委ねた進め方になっていました。そこで今後の事業拡大とメンバー増員を想定し作成したのが、業務システムやSaaSのUIデザインに特化した「ベイジの業務システムUIデザインワークフロー2021年版」です。 基的な進め方は国際規格(ISO 9241-210※)の人間中心設計プロセスに基づいて組み立てていますが、細かいタスクの順序や内容は、今までベイジで培ってきたノウハウをふんだんに盛り込み、組み換えています。 また今回ワークフローを整備するうえでは、クライアントごとの開

    ベイジの業務システムUIデザインワークフロー(100のタスクを徹底解説) | ベイジのUIラボ~業務システムとSaaSのUIを考える
  • デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie

    色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー

    デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
  • 仕事のストレスを軽減させる8つの思考 | knowledge / baigie

    最近、「ストレスとどう付き合うべきか」ということをよく考えるようになり、メンタルヘルス、マインドフルネス、ストレスマネジメント、認知行動療法、ウェルビーイングなどの書籍を読み漁っています。 こうしたインプットを踏まえた上で、「仕事のストレスを軽減させる8つの思考」というのを私なりに考えてみました。元々は社内向けに作ったものですが、ストレスマネジメントは多くの働く人に共通する課題だと思いますので、皆さんにも共有します。 (1) 起こったことに、負の感情を加えない起こってしまったことについて、悪い、嫌だ、頭にくる、がっかりだ、大変だ、失敗だ、期待外れだ、といった負の感情を抱くことは、巻き戻せない時間を相手に、心をすり減らすだけです。結果論でしかないことに囚われず、起こった事実をありのまま受け入れ、余計な負の感情に飲み込まれずに、今やるべきことに集中しましょう。 ストレスが多い考え方:「納期間際

    仕事のストレスを軽減させる8つの思考 | knowledge / baigie
  • 業務システムにおけるUXリサーチのポイント | ベイジのUIラボ~業務システムとSaaSのUIを考える

    UXリサーチとは、ユーザー体験に関する調査の総称です。 ユーザーファーストのシステムやサービスを提供するためには、ユーザー体験からユーザーニーズを掴むUXリサーチは欠かせません。UXを重視する企業では、UXリサーチは積極的に行われています。UXリサーチについて言及した書籍も多く、ネット上には有益な記事が多数アップされています。 ただその一方、世に出回っているUXリサーチに関する解説の多くは、調査対象が生活者であることが前提です。 UXリサーチの総論は、対象が生活者であっても企業内のビジネスパーソンであっても変わりません。しかしながら、各論となる具体的な手法は、ターゲットなどの前提が変わると、そのまま使えません。 例えば、企業内で使われる業務システムやSaaSのUXリサーチは、生活者向けのUXリサーチとまったく同じというわけにはいきません。対象者が社内の限定的なユーザーとなる場合、インターネ

  • 1