デザインスタジオであるSTARRYWORKS inc.は、昨年秋からロースター・カフェを開業しました。そのお店の名前に合わせて「Hue」という欧文書体を開発することになった、そのプロセスや開発の裏側を紹介したいと思います。 1. お店のコンセプトは「色で選ぶコーヒー」お店の名前は「Hue Coffee Roaster」といいます。「Hue」（ヒュー）は色相や色味という意味の英語で、コーヒーのメニュー名を産地や豆の品種、焙煎度合などではなく、「色」の名前で表現することでより気軽にさまざまなコーヒーを楽しんでいただくことをコンセプトとしています。 お店のInstagram 私はコーヒーが好きで毎日飲みますが、豆の品種や産地などは詳しくなく覚えられずにいました。以前注文したものが美味しかったからまた飲みたいと思ったり、前回とは違うものに挑戦してみたいと思っても、ややこしい地名などで覚えられず、う

僕が運営＆講師を務めているWebデザイン1on1レッスンチャンネルのバナーデザインレビュー＆ブラッシュアップがたくさん増えたので、まとめて「53本」ご紹介します。 画像の左側が生徒さん／右側が僕のブラッシュアップです。 約1年半ほぼ毎週授業を行いました。時系列に紹介しているので、生徒さんの上達が伝わってくると思います。 【１】春の新生活応援キャンペーンバナー ■春の新生活応援キャンペーン URL：https://1on1.design/contents/96 【２】学習塾の冬期講習会キャンペーンバナー ■学習塾の冬期講習会キャンペーンバナー URL：https://1on1.design/contents/95 【３】時計店の福袋キャンペーンバナー ■時計店の福袋キャンペーンバナー URL：https://1on1.design/contents/51 【４】化粧品の継続広告バナー ■化粧

「高年収を得たいなら、外資系か大企業」。近年、そのイメージは変わりつつある。 その最たる例が、スタートアップの待遇向上だ。「大企業とスタートアップの年収差が縮まった」という新聞報道があったように、スタートアップで年収や市場価値を高めることが現実的な選択肢となっている。 では、新卒の学生が今から市場価値を高めるなら、どのような職種がいいのか。今回はこのテーマを深掘りすべく、3人の経営者をお招きした。法人向けバックオフィスSaaSを提供するマネーフォワード取締役執行役員の竹田正信氏、社内ナレッジの共有・活用を支援する企業向けサービスを開発するナレッジワークを創業した麻野耕司氏、デザイン会社として初の上場を果たしたグッドパッチ代表取締役社長CEO（最高経営責任者）の土屋尚史氏だ。 3人の共通見解は「経営陣と話せるデザイナーが不足している」ということ。デザイナーと聞くと「絵を描く仕事」とイメージし

ヤコブ・ニールセンのインタラクションデザインのための一般的な原則。これらの原則は幅広い経験則であり、具体的なユーザビリティガイドラインではないため、「ヒューリスティックス」という。 10 Usability Heuristics for User Interface Design by Jakob Nielsen on November 15, 2020 日本語版2021年4月12日公開 この記事の最後で、ヤコブの10ユーザビリティヒューリスティックスの無料ポスター（英語）をダウンロードできる。 1.  システム状態の視認性 デザインは、妥当な時間内に適切なフィードバックを通じて、今、何が起こっているのかを絶えずユーザーに知らせる必要がある。 ユーザーが現在のシステムの状態を把握できれば、彼らは自分がそれまでに行ったインタラクションの結果を知り、次のステップを決定することができる。予測可能

2024年リリースのMulti-Editに対応しました。 Figmaconfig2023にリリースされたVariables,Developer mode,NestedComponentに対応しました。 Figmaconfig2022で発表されたComponent PropertyとAutoLayoutについても追記しました。 世の中のFigmaの日本語ドキュメントがショートカットや基本機能の解説に終始していることで、毎回チームに運用マニュアルをインストール必要が出てきて辛いのでこちらにオープンドキュメントとしてまとめておきます。 コピペしてアップデートしてもらって大丈夫です。各社のNotionページにPullしてあげてください。 あくまで現状のFigmaの仕様の前提で個人的な運用最適解としての見解です、こういったたたき台があることで議論が活発になると嬉しいなという気持ちです。💕気に入って

サービスを0→1でつくる上でまず必要になるのが、サービスのコンセプトづくりです。 いままで自社事業や様々な企業との共同プロジェクトを通じてサービスづくりに取り組む中で、サービスのコンセプトづくり、すなわちコンセプトメイキングのプロセスにもある種の型があることに気付きました。 このnoteでは社内ドキュメントである「サービスコンセプトのつくり方」の内容を一部NDAでシェアできない資料を除いて全公開します。 ＜コンセプトメイキングの大前提＞🧐 STEP１：コンセプトとは何かを知ろうコンセプトが何かを知る上で、コンセプトの立ち位置と役割を知ろうコンセプトそれ自体は様々な形があり、非常に漠然としている。 なので、コンセプトがそれ以外の要素とどういった関係にあるのか、どういった役割を果たすのかという観点からコンセプトとは何かを理解しよう。 まずサービスアイデアは下図のような構造を持っている。 ある

このnoteでは、 マーケティング戦略検討に役立つノウハウがまとめられた元P&G、現（株）刀の森岡毅氏と今西聖貴氏の「確率思考の戦略論」と、マーケティングサイエンスの専門家バイロン・シャープ氏のブランディングの科学で紹介された数理モデルを用いて、 需要を構造的に把握し、課題を明確に方法を共有します。 【更新情報2024年5月26日】「その決定に根拠はありますか？」確率思考でビジネスの成果を確実化するエビデンス・ベースド・マーケティング 戦略を導く為の「エビデンスの作り方」をテーマに、これまで体系化してきたノウハウを紹介したマーケティング・インテリジェンスの書籍を出版致しました。5問の調査でTVCM（施策）→コンビニで商品を見た（要因）→売上がいくら増えたか？→年間16.67億円（効果）の様に経路ごとに構造的に効果を把握する国際特許（PCT）を出願した分析法など、確率モデルや因果推論

こんにちは。Wantedly Visit 開発チームで"Squad Leader"をしている森脇です。 この記事では、エンジニアブログでいつも紹介している技術の話ではなく、開発チームが普段どのようにシゴトをしているのかを紹介したいと思います。エンジニアだったらクールな技術を使っているかはもちろん重要ですが、どのような組織体制で、どのような目標を持って、どのように意思決定をするかは、それ以上に大切なことでしょう。 まずは重要なキーワードであるSquadとOKRについて簡単に説明してから、実際のチームを例にしてより詳しく具体的な話をしていきます。 チーム編成: SquadとTribeさっき自分のことを"Squad Leader"と紹介しましたが、いきなり登場したこの"Squad"という言葉について説明します。 Squadとは、いわゆるチームのことなのですが、同じ目標をもち、互いのシゴトが強く依

この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では

なぜエンジニアが作る画面はダサいのか…?「理由」と「対策」を徹底解説【エンジニア向け画面デザイン講座】UXUIDesignUIデザイン画面設計 1.はじめに エンジニアの私がデザインを本気で勉強した結果、デザイナーとエンジニアはそもそも思考が大きく違っているということがわかりました。 今回は「それ」をデザインに苦手意識のあるエンジニア方にも理解してもらえたらと思い、わかりやすくまとめてみました。 2.アプリの画面デザインを考えてみよう まず、こんなアプリを考えてみてください。 フィットネストレーナーが使うアプリ トレーニングルームでお客様とお話しながら使う 端末はタブレット そして 会員の個人情報確認 前回までのトレーニング状況の確認 次回の予約受付 といったことをします。 使える情報としては、こんな感じです。 あなたならどう画面デザインをするか、もしお時間があったら考えてみてください。

50人で評価額2,100億円を越えたNotionに聞く、少数精鋭のプロダクト組織のつくりかた：連載「クリエイティブ組織の要諦」第3回 本記事は、組織イノベーションの知を耕す学びのメディア『CULTIBASE』との共同企画で、双方の媒体に掲載されています。連載『クリエイティブ組織の要諦』では、デザイナーをはじめとしたクリエイティブ職の組織作りのヒントを得るため、注目企業にインタビューを重ねています。デザイン組織立ち上げを支援してきたMIMIGURI CO-CEO ミナベトモミを聞き手に、組織デザイン／組織開発の両面からヒントを探っていきます。 第3回に登場するのは、『Notion』を開発するNotion Labs（以下、Notion）です。2020年4月に企業評価額約2,100億円に達した際、従業員数は50〜60人だったという同社（2020年7月時点）。つい先日の2021年10月9日（日本時

今年入社の高卒の新人と雑談していて「会社の確定拠出年金のこととか何を選ぶのがいいとか分からない」という。集合研修でも制度そのものの解説はあったけどよく分からず、学校でも習わなかったので、漠然としか分からないと言っていた。 それで「自分はこういう理解で、こうしている」を整理して伝えることにしたのでそのメモ。結論としては「長期でインデックス投信」なのだけど、そこに至るバックグラウンド等も含めて説明したいと思った。 前提 そもそも趣味や仕事に注力したいので、株や不動産を一生懸命やりたいとは全く思っていない。 自分は普通の会社員で、その道のプロ（銀行員や証券マンやファイナンシャルプランナー）ではない。 大損は絶対に嫌だし、時間を遣いたくない。株の勉強とかもしたくない。 経済システム 現在は「産業資本主義」というOSで世の中が運用されている。 このシステムでは「富の総量が時間の経過で増えていく（右肩

中野 仁 (AnityA) @Jin_AnityA リーダーシップと意思決定の分布が日本が独特という話。 階層主義で合意形成を重んじるとなると、上下左右全部に話を通して凄まじいコミュニケーションコストがかかる上に、上と左右からはとりあえず意見だけは言えるのでリーダーに対して投げられる石がだいたい当たるという事では…。 pic.twitter.com/bqHxAufImN

河野太郎行政改革担当相は7日の記者会見で、自身のツイッターで意見の合わない相手の投稿をブロック（遮断）する対応がネット上で批判されていることに関し「ブロックするのは問題ない」と反論した。自分自身に対し「通りすがりの人を罵倒するようなことが起きている」と述べた。 ツイッターでは7日午前、トレンド上位に…

自民党員支持 河野太郎　30％ 岸田文雄　12% 高市早苗　3％ 党員票が今回は国会議員票と同じだけあるから、岸田が議員票を200近く集めない限りは決まり この人気勾配が反映されたら、党員党友票は200近くが河野に流れる事になる 岸田が議員150＋党員100 河野が議員70＋党員180 でも五分だ。高市も安倍の支持で議員50、党員50くらいは持っていけるだろうから、 二階派、石破派が河野支持って報道通りなら、麻生派の半分、その他若手で70は優に超える河野に 党員党友の人気がない岸田は何をやっても勝てないだろう。 韓国に対して弱腰な外交姿勢と、モリカケへの言及、給付金ばら撒きが保守層の支持を失わせてしまうのが敗因だな。

長野県佐久市の「さやか星小学校」が、従来の教育の常識を覆す「変な校則」を掲げたOOH広告を展開した。小学校によるOOH広告展開は非常に珍しく、その斬新な内容と展開場所の選択が特徴的だ。 小学校が仕掛ける異例のOOH 学校…

6月に開かれたWWDC19において、アプリ開発者の間で最も重要な発表だとされたのが「SwiftUI」と呼ばれるユーザーインターフェイスデザインのためのフレームワークだ。SwiftUIの詳しい説明をしていく前に、1つの可能性として「SwiftUIの登場で今後何が変わるのか？」という具体的なヒントを、WWDC19の基調講演から振り返ってみよう。 WWDC19の発表のなかでも目玉と目された「SwiftUI」 SwiftUIとProject Catalyst、Apple Arcadeの関係 昨年のWWDC18ではまだ名前が与えられていなかったものの、iPadアプリをMac向けにビルドして利用できる技術が発表された。今年のWWDC19で「Project Catalyst」という名前が明かされた。 iPhoneやiPad用アプリをMacに移植しやすくする技術が「Project Catalyst」だ P

まだ完結していないシリーズの途中ではあるのですが、ちょっと早めに自分の備忘録としてまとめておきたかったので先にこちらを書いてしまいました。 相変わらずの文章量なのですが(ちゃんと読むのに15分は確実にかかります)、お時間ある方は読んでいただけると嬉しいです。そして、内容についてはまだ実験段階な部分が多いので、フィードバックを貰えると非常に助かります🙏 1.命名規則とコンポーネントの単位について命名規則とコンポーネントの単位はプロジェクトで使用される技術によって少し状況が変わってくるように思います。 そもそもコンポーネントという概念が開発にほぼ必要ない普通のWebサイトなどであれば、多少実装しにくいと思われるかもしれませんが、あまりデザイナー側が気にする事ではないかなとも思います。 ただ、今回はReact.jsやVue.jsなどのフレームワークを使ったWebアプリケーション/サービス、また

2017年に深津貴之氏をCXOに迎え、グロースモデルのロジック図を策定して以来、急速な成長を遂げてきた「note」。このグロースモデル導入から意思決定、サービスの改善を支える開発チームの組織作りやエンジニアリングの挑戦について、note株式会社 CTO今雄一氏が事例を交えて紹介した。 講演資料：noteの決して止まらないカイゼンを支える、エンジニアリングへの挑戦 「note」を急成長させたシンプルなグロースモデル note株式会社 CTO 今雄一氏 注記：イベント登壇時は株式会社ピースオブケイク。4月7日にnote株式会社に社名変更した。 note株式会社は2011年に創業したスタートアップ。「だれもが創作をはじめ、続けられるようにする」というミッションを掲げ、創作活動をする全ての人を支援している。今氏は2013年に入社して、2016年からCTOを務めている。 同社が運営する「note」は