40～50代社員の老害化問題について考える | knowledge / baigie
ここ2年ほど、全国に点在する経営者や経営幹部と出会い、話を聞く機会を増やしている。月平均3～4名くらいのペースで、企業規模は数十名から数百名前半くらいの中小・中堅企業が多い。 地域/業種/業界/規模はバラバラながら、共通する話題もある。中でも表題の「40～50代社員の老害化」はよく耳にするテーマである。 個人的には、「老害」という言葉を安易に用いるのは好きではない。なぜなら、自分に都合が悪い年配者をすべてそこにカテゴライズし、全否定できる言葉だからである。実際には老害とは反対の「若害」といえる現象も存在するように思う。それも含めて、物事は「誰が言ったか」ではなく「何を言ったか」で冷静に客観的に見なければいけない。 その前提があった上で、比較的若い経営者や経営幹部の話を聞くと、「それは確かに老害という言葉で表現するしかないかもしれない」と思うことはある。 老害社員とは こうした話題で出てくる
UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ
デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら
説明が苦手なデザイナーがわかりやすい説明ができるようになるまでに気をつけたこと | ベイジの日報
ベイジではデザイン提案の際には、デザイナーが直接お客様の前でデザインの意図や改善ポイントなどを説明する。そのため裏方になりがちなデザイナーでも説明する機会は意外と多い。 これは完全に私の偏見なのだが、デザイナーで「話すのが得意！プレゼンや提案はまかせろ！」という方はあまり多くないのではないだろうか？もちろん私もその一人で、人前で話すことには緊張するし、どう伝えればわかりやすく伝わるのか、ここ数年ずっと悩み続けていた。 話の上手な方の説明の仕方を参考にしたり、MTGの後にチームのメンバーからもらったフィードバックを参考に、話し方や説明の順番を改善したり、など試行錯誤を続けていくことで、100点とまではいかないが、平均して80点程度はわかりやすく話せるようになってきたのではないかと思う。 私が説明の際に気を付けているポイントは以下の4つだ。 前提の説明を省かない 見ればわかることは説明しない
デザイナーはビジネスオンチになるな | ベイジの日報
「そもそも市場にいるデザイナーの数が少ないうえに、ビジネスサイドの期待に応えられるデザイナーとなると相当な希少種である」という話を、経営者や事業責任者の口から聞くことが多い。 私のフェルミ推定だが、様々なメディアの利用者数や購読者数などから推測すると、国内のIT系デザイナー（ウェブデザイナーやUIデザイナー）の母数は数万程度の可能性がある。国内のITエンジニアの数が120万人（出典）と言われており、これらの推測値を鵜呑みにすれば、デザイナーはエンジニアの10分の1も存在しないことになる。 その上で「自社のビジネスとフィットするデザイナー」という条件で絞り込んでいくと、当然その数は相当に少なくなる。「希少種」という表現もあながち誇張でないだろう。 ここでいう「ビジネスサイドの期待に応えられるデザイナー」というのは、 スピーディーにプロアクティブに行動できる 1つのスタイルに固執せず柔軟に対応
デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版（770KB） BtoBサイト標準ワイヤーフレーム
東京のWeb制作会社・ホームページ制作会社 | 株式会社ベイジ | baigie Inc.
CLIENT トライバルメディアハウス様 WORK BtoBサイト制作 MODEL 池田紀行様・亀井大樹様・秋元祐花様 佐々木俊祐・塚元舞賀・他
UIデザインのための心理学：33の法則・原則（実例つき） | ベイジのUIラボ
ユーザーが「使いやすい」と感じるアプリケーションは、良いUIデザインで設計されているともいえます。良いUIデザインでは、ユーザーの認知負荷を下げる工夫がされています。認知負荷を下げる仕組みを知るには、心理学とUIデザインの密接な関係を理解することが重要です。 行動心理学や認知心理学の発展により、人間の感情や行動は、脳の仕組みに基づいて様々な法則に当てはめられることが分かってきました。UIデザインでも、心理学を活用したアプローチでより良いユーザー体験を生み出すことができます。特に業務システムのような複雑なアプリケーションでは、メニューや画面レイアウトなど幅広く活用できます。 今まで心理学はマーケティング領域で応用されることが多く、ウェブサイトやアプリケーションのUIデザインで語られることはそれほど多くありませんでした。そこで本記事では、人の様々な心理現象や認知の法則を、UIデザインに活用する
業務システムUI/UXデザイン | 東京のWeb制作会社・ホームページ制作会社 | 株式会社ベイジ | baigie Inc.
私たちが選ばれる理由ベイジは一般的にはウェブ制作会社と思われていますが、売上の約半分を占めているのが業務システムのUI/UXデザインです。なぜウェブ制作会社に業務システムのUI/UXデザインの仕事がこんなに舞い込んでくるのか。それには以下のような理由があります。 顧客ビジネスを理解して戦略的なウェブサイトを作るプロセスが、業務理解してUIデザインを作るプロセスと酷似しているウェブベースのシステムでは、ウェブ制作で培ったUIのノウハウや実装技術がそのまま転用できる社内にはシステム開発会社出身者やサーバサイドエンジニアもおり、業務システムのバックエンドにもある一定の理解がある2014年頃から業務システムに特化したサービスを展開しており、数多くの実績がある業務システムのUI/UXの改善あるいはリニューアルの特化した、独自のワークフローが存在しているBtoBに強いウェブ制作会社として、マーケティン
選択式フォームをより使いやすくするポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
ラジオボタン、チェックボックス、ドロップダウンリスト、コンボボックスなどは、ユーザーの入力負荷を軽減させるために使用される選択型のUI要素です。これらは見た目や機能が似通っていることもあり、なんとなく使い分けている場合も多いのではないでしょうか。 しかしながら、状況と目的にあったUIを採用しなければ、入力負荷の軽減どころか逆にユーザビリティが低下し、入力エラーの原因になってしまうことさえあります。 選択式フォームを正しく設定すれば、ユーザーの入力の手間を省き、タイプミスから生じるエラーの防止が可能になります。選択肢がリストに格納されるタイプのUIは画面スペースの節約になり、よりシンプルで情報負荷の少ないレイアウトを可能にします。 業務システムのUIをより良くするためには、選択式フォームそれぞれの特性を理解し、状況に応じて適切にデザインしていきましょう。 選択式フォームの種類 ラジオボタン
管理画面のUIデザインにおける20の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える
私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。 1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。 使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。 これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。 私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その
伝わる提案書の書き方（スライド付）～ストーリー・コピー・デザインの法則 | knowledge / baigie
PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法～伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ
ビジネスに役立つ上手な文章の書き方11のコツ | knowledge / baigie
ベイジの五ノ井です。役職はディレクターですが、編集者の経験があることから、コンテンツや文章のクオリティを管理する立場で働いています。6月からは、ベイジの日報の編集長も務めています。 そんな私の第一回目の記事は、文章について。 デジタル化が進む今、文章力は社会人の最重要スキルといって過言ではありません。 今は会話や電話のような音声コミュニケーションの機会がどんどん減り、多くがメールやチャットのようなテキストコミュニケーションに置き換えられています。文章力がある人には、企画書、社内資料、記事、SNSなど、様々な媒体を通じて自分のメッセージを届け、影響力を高めるチャンスが転がってきます。 これほど重要な文章力について、ほとんどの人は高校以降は専門的な教育を受けることもなく、働き始めます。文章に苦手意識を持っている社会人も非常に多いですが、作家やライターではない社会人が覚えるべき文章のセオリーは僅
コーディングを助けるためにデザイナーができること① | knowledge / baigie
デザイナーの高島です。 ベイジには2019年4月に入社しました。webサイトや業務システムのUIデザインを主に担当しています。『knowledge / baigie』でも、デザイン関連の情報を発信していきたいと思います。 デザインツールで制作したデザインデータをコーディングする時、「デザイン通りになっていない」「ルールに一貫性がなくてコーディングに余計な手間がかかった」といったトラブルが起こりがちです。 しかしこれらの大半は、デザイナー側の配慮である程度防げるとも思っています。そこで今回は、私がコーディングを依頼する際にデザイナーとして気を付けていることをまとめてみました。 なお、ベイジが使用しているメインのデザインツールはAdobe XDなため、この記事もXDの使用を前提としています。ただし、ツールに関わらない話も多いはずなので、皆様が使っているツールに置き換えながら、お読みいただけると
中途採用のためのサイト戦略と13の成功条件 | knowledge / baigie
私たちは、BtoBサイトを得意とするweb制作会社ですが、実は採用サイトの実績も豊富です。BtoBの顧客化プロセスと採用プロセスには共通点があり、BtoBサイトの検討プロセスを転用し、戦略的な採用サイトの制作も行っています。 このように採用サイトの実績を積み重ねる中で、業界・業種・職種に関わらず共通する傾向も見えてきました。共通のパターンを知ると、世の採用サイトの間違いにも気が付くようになりました。 この記事では特に中途採用にフォーカスし、調査フェーズで私たちが行っているアンケートの集計結果なども交えながら、成功する中途採用と採用サイトの条件をまとめました。 条件1：自社の採用サイトをしっかり作る「自社で採用サイトを持つ必要ってあるの？」という声が出ることは、おかしなことではありません。 今は転職サイトも充実していますし、優秀な転職エージェントも数多く存在します。どこかに求人情報をアップし
サイトやアプリのユーザビリティを向上させる35のポイント | ベイジの社長ブログ
デバイスがどのように進化しようが、アプリの時代になろうが、ユーザビリティは変わらず求められるものです。Web/IT業界では「使いやすさ」という意味で気軽に使われる言葉ですが、奥は深く、原論を解説した書籍もいくつか出ています。 学術的な解説はそういった書籍に任せるとして、ここでは、経験の浅いデザイナー、あるいは非デザイナー（ディレクター、Web担当者、エンジニアなど）向けに、ユーザビリティの向上に繋がる基本的な要点をまとめてみました。 ボタン、テキスト、コピーなど ボタンやテキストのデザインは、ユーザビリティを左右する大きなポイントです。表面的な美観に流されず、ユーザ視点で考えていきましょう。 1：ボタンじゃない要素は、ボタンと似たデザインにしない ボタンのデザイン次第で、サイトやアプリの使いやすさは大きく変わります。特に、ボタンでない要素にボタンのようなデザインを施すことは、どこが押せるの
Sketchが使い物になるかPhotoshopユーザが検証してみた（スライド付） | ベイジの社長ブログ
弊社では数年前にWebのデザインツールをFireworksからPhotoshopにしました。Photoshopには非常に多くの機能が搭載されていながら、一方でWebに最適化されているかというとそうではない側面も多々あります。 そんな中、最近気になっているのが、新たなデザインツールとして徐々に広まりつつあるSketch。海外ではPhotoshop並みに使われているという調査もありします。そこでPhotoshop歴10年（途中3年ほどFireworks）の弊社アートディレクター兼デザイナーの荒砂が、PhotoshopとSketchの機能を比較し、最終的にどう判断すればいいか、スライドにまとめてくれました。 詳細はスライドを見ていただくとして、特に異なっている点だけを表にまとめて比較すると、以下のような感じになります。 ○：機能として存在し、優れている △：機能として存在するが、やや劣っている
良い上司の条件・悪い上司の条件 | knowledge / baigie
「一緒に働くならどんな上司がいいですか？」と聞かれれば、具体的な要望の一つや二つはすぐ出てくるでしょう。しかし、「あなたはどんな上司になるつもりですか？」と聞かれたら、漠然としたイメージでしか答えられない人の方が多いのではないでしょうか。 これは、部下の立場から「上司にこうあってほしい」と願うことより、上司の立場として「自分はこうなろう」とイメージすることの方が遥かに難しいことを物語っています。 少ない例外を除けば、社会に出た人のほとんどがまずは誰かの部下になります。その会社に居続けて、やがて力が認められれば、誰かの上司になります。 上司も部下も、ほとんどの人が通る道です。だから、上司と部下にちなんだ書籍やブログ記事は数多く存在します。なぜなら誰もが自分事化しやすいテーマだからです。しかも未だに作られ続けています。なぜなら上司と部下の話には正解がないからです。正解がないから、話題が尽きませ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
