タグ

ブックマーク / note.com (68)

  • ヒアリングを超えていく、デザインの初期対応|大﨑 優|CONCENT

    ヒアリングに行くのではない。最初から価値を与えること。これは、プロジェクトの初期対応でデザイナーが取るべき基的な態度です。 今回のテーマは、デザインの初期対応。その効果的な動き方を紹介します。 デザインプロジェクトのスタートは、他者から依頼を受ける場合と、デザイナー側から提案を始める場合の2つのパターンがありますが、今回はそのうちの「デザイナーが依頼を受けるパターン」について。 初期対応の時点で、デザインの成果の半分は決まってしまいます。それくらい重要なものですが、なせかデザインの世界ではあまり論点化されていません。自分の経験が何かの役に立てばとの期待を込めて。どうぞ。 ヒアリングじゃない。ディスカッションだ。依頼や問い合わせを受けてデザイナーが初期対応すること。これをヒアリングと呼ぶこともありますが、それには注意が必要です。 最初に関係性が固定されるヒアリングに行く。情報を聴きに行く。

    ヒアリングを超えていく、デザインの初期対応|大﨑 優|CONCENT
  • Webデザインで「紙っぽさ」を出す方法を考えてみる|akane

    こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください! はじめに:「紙っぽさ」とは?私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典:六木未来会議出典:DMN出典:ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう?自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①:文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を

    Webデザインで「紙っぽさ」を出す方法を考えてみる|akane
  • その状態のデザイン考えてなかった! UI Stackってナニ|kana

    アプリの画面をデザインする際、エンジニアさんに 「なにも登録データがない場合、どう表示しますか」「選択したときの状態ってどんなデザインですか」などと聞かれて 「ウワア考えてなかったすみません、今作ります。。」 (なんて自分はポンコツなんだ、、ウウウ) と、なりたくないですよね。 UI Stackは👆のような状況を回避するのに便利で大事な考え方だと思ったので、言葉の意味を知らない方はぜひ読んでってください! UI Stack アメリカのプロダクトデザイナー Scott Hurff さんが世に出した 「UIの考慮すべき5つの状態」という考え方です 5つの状態 ・Blank State(空っぽの状態) ・Loading State(ローディング状態) ・Partial State(部分達成状態) ・Error State(エラー状態) ・Ideal State(理想状態) 一つ一つ参考を交えな

    その状態のデザイン考えてなかった! UI Stackってナニ|kana
  • 【新卒】入社したてのエンジニアからみたオロの社風・カルチャーをまとめてみました|株式会社オロ

    はじめまして、宮崎です。 クラウドソリューション事業部 開発グループに所属しています。 福岡支社に在籍しています。 「ZAC」の開発に携わるエンジニアとして働いています。 私です。入社式の記事はこちら普段は福岡支社で働いています! (左:新規事業チームの後藤さん)自席に色々ガジェットを持ち込んでいます。2023年4月にオロに入社して、5か月ちょっとが経ちました。 このnoteでは、新入社員研修+αの期間を通じて、私が感じたオロのカルチャーについて4点ほど紹介したいと思います。 これをみて、共感した人がいたら是非一緒にお仕事できればと思います。 勉強熱心まず初めに感じたことは、勉強熱心な人が多くて勉強できる場・機会を大切にしていることでした。 オロでは、自主的にを読むことが評価指標の一つにもなっています。 研修でも、課題図書を読んでそれを1枚のスライドにまとめて発表する読書研修というものが

    【新卒】入社したてのエンジニアからみたオロの社風・カルチャーをまとめてみました|株式会社オロ
  • 進捗確認をやめると上手くいく|きゅーい / koyo

    プロジェクトマネジメントといえば「進捗確認」と思っている人も沢山いると思いますが、私は進捗確認という行為そのものに否定的です。 このエントリでは、進捗確認という行為がいかに無意味であるかという話および、進捗管理として行うべきことを書いていきます。 誰かのプロジェクトマネジメントの参考になればと思います。 ※ 進捗管理が不要という話ではありません 進捗確認の定義このエントリでの進捗確認は下記の定義とします。 複数人が関わるプロジェクト等において、プロジェクト等をマネジメントするべき立場にある人間が、プロジェクトの所属メンバーに対してタスクの進捗状況を口頭・テキスト等で直接確認する行為 少し難しい言葉で書きましたが「進捗どう?」といった質問およびその回答からなる一連の流れだと思ってください。 なぜ進捗を確認したくなるのかプロジェクトマネージャー(PM)の仕事のひとつに納期の管理というものがあり

    進捗確認をやめると上手くいく|きゅーい / koyo
    nebos
    nebos 2023/06/21
    タスクの粒度を1日程度に。初期にリスクの洗い出し。確認するべきは困り事、リスクの顕在化。
  • Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開く前の3ステップ|重松佑 / Shhh inc.

    先日1500ページくらいのやや大きめなコーポレートサイトのワイヤーフレームをディレクター、デザイナー、テクニカル担当、アシスタントという職能や経験もバラバラのチームで共同作成しました。みなが足並みを揃えて進めていけるようにワイヤーフレームの作り方を要素分解して、共通理解を持って作業をできるようにしました。どのような手順や考え方で進めていったのかをnoteにも記しておきます。 0. 情報設計とトンマナ設計を分けて考える Webサイト制作ではデザイン着手前の工程でワイヤーフレームと呼ばれるWebサイトの設計図のようなものを多くの場合で作ります。デザインとの違いは何かというと、上図のようにワイヤーフレームでは「情報設計」を主として扱います。そのためトンマナ(トーン&マナー)と呼ばれるWebサイトの印象や雰囲気を形作る要素については考えず、Webサイトに掲載する情報について決定することが目的となり

    Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開く前の3ステップ|重松佑 / Shhh inc.
    nebos
    nebos 2023/06/09
    “ディレクターがワイヤーフレームを書いて、デザイナーがそれを基にデザインを作成するという慣習がなぜかありますが、ワイヤーフレームもデザインの一部なので一緒に作ったほうが良い”
  • <続編>Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開いた後の工程|重松佑 / Shhh inc.

    この記事ではワイヤーフレームを作成するとき、FigmaやXDを開いて手を動かす前に、情報設計をどのように整理し、考えていくかについてまとめています。記事内でWebサイトでワイヤーフレームを作成するときに注意したい点として、下記のように書きました。 ツールを立ち上げてアレコレと考えながら手を動かすとフォントやレイアウトにこだわりだしたりしてしまい、あっという間に時間がなくなってしまいます。考えてから形に落とすことを徹底するためにIA(情報設計)を考え抜くことが大切です。 0. 情報設計とトンマナ設計を分けて考える情報の優先度、情報の量、情報の回遊性といったIA(情報設計)を考え抜くことはワイヤーフレーム作成において最も重要です。IAを考え抜いたその後に、FigmaやXDを使ってワイヤーフレームを形にしていきます。では実際にワイヤーフレームを形にしていくとき、どのような工程で進めていくと良いか

    <続編>Webサイトのワイヤーフレームの作り方 ― FigmaやXDを開いた後の工程|重松佑 / Shhh inc.
  • エンジニアの稼働率を上げれば上げるほど機能リリースが遅くなっていく|mtx2s

    組織内のメンバーを「リソース」として見始めると、それを100%使い切ることにばかり注力してしまいます。リソースの稼働率を下げることは、すなわち、生産性を下げること。マネージャーは、まるで強迫観念に取り憑かれたように、そのような考えに囚われます。 自社でのソフトウェアプロダクト開発において、その対象は特に、開発者に強く向けられます。その理由は明らかでしょう。バックログに積み上がり続けるアイデアをソフトウェアに変えられるのは、開発者だけです。より多く、できる限り早く、アイデアを市場投入したい。彼らに空き時間という無駄を作らせてしまうわけにはいかない。 しかし、そのような努力が、必ずしも良い結果につながるとは限りません。むしろ、開発者の稼働率を高めすぎたことが、リードタイムに悪影響を与えているかもしれないのです。そして言うまでもなく、アイデアの市場投入が延びれば延びるほど、ユーザーにとってもビジ

    エンジニアの稼働率を上げれば上げるほど機能リリースが遅くなっていく|mtx2s
    nebos
    nebos 2023/05/23
    “追求すべきは、フロー効率を高めてリードタイムを短くし、フローのスループットを高め続けること”ザ・ゴール
  • 『人の上に立つということ』|ぱっしょん

    リーダーに求められる条件、その中でもとりわけ『感情的知性』についての提言が書かれた一冊。 マネジメント誌として有名な『ハーバードビジネスレビュー』に掲載された記事をまとめた内容になっています。 ■コンテンツ1.エグゼクティブらしさは身につけられる 2.リーダーとして最初に考えるべきこと 3.人を動かすリーダーに必要なこと 4.温かいリーダーか、強いリーダーか 5.言語スタイルと話し方で関係性は大きく変わる 6.カリスマ性が強すぎると評価は下がり、成果も上がらない ■私のメモ書籍の中で、特に共感したフレーズをまとめました。 ・新しくマネジャーになる時は、まず自分がどんなリーダーか、どんなリーダーになりたいのかをよく考えよう。 求心力を発揮する、指針となる目標を設定しよう。 ・リーダーという役割に就く時、多くの人がいきなりつまずいてしまう。自らの行動や価値観を変えることなく、個人プレーヤーから

    『人の上に立つということ』|ぱっしょん
    nebos
    nebos 2023/05/18
  • 一人暮らしの管理栄養士が家で作る、野菜を食べる常備菜|JA全農 広報部【公式】

    初めまして。全農で働く管理栄養士のSです。 といっても普段の業務では栄養士の資格を活かすことはなく、もっぱら一人暮らしの台所で、詰め込んだ知識をぐるぐるとかき混ぜる程度で完結しているのですが おかげで、自分のための常備菜レシピのストックができました。 その中からぜひおすすめしたいメニューをいくつかお伝えできればと思います。 なぜ常備菜なのか私は料理好きを名乗る割に平日は出来るだけ台所に立ちたくありません。 洗い物が億劫だし一刻も早くダラダラしたい。YouTubeとか映画とか見たい。 というわけで週末、もしくはやる気のある時に一気に作ったものをお弁当に詰めたり家でべたりして生きています。 野菜の持つポテンシャルを活かしたいイタリアンバルのキッチンでバイトしていた時に教わったことが、野菜にもうまみ、甘みがしっかりあるということでした。 それまでは、野菜は何かいろいろ味付けしないと物足りないと

    一人暮らしの管理栄養士が家で作る、野菜を食べる常備菜|JA全農 広報部【公式】
  • 「勉強しないとどうなるか」という脅し|shinshinohara

    勉強しようとしない我が子を見て、「勉強しないとどうなってしまうか」という将来の話をし、なんとか勉強する気を起こさせよう、とする親は多い。気持ちは分かる。勉強しなければ損をする。我が子を思えばこそ、勉強しとけとアドバイスせずにはいられない、と。ただ。 「勉強しなければこうなってしまうぞ」という話は、子どもにとって脅しとなる。そうした脅しを聞いた子どもは勉強に対してどう思うかというと、「こんな脅しでもかけないと勉強しないと思われるくらい、勉強というのはつらくて面白くないんだ」という裏メッセージを受け取ってしまう。その結果。 ますます勉強するのが嫌になる。脅さなければ勉強するはずがない、という親の思いを感じ取って、ますます勉強に対して気が重くなる。ほとんどの子はこのためにますます勉強が嫌になり、なるべく逃げようとする。逃避しようとする。 ごくたまに例外がいる。もともと勉強ができる子。自分は良い成

    「勉強しないとどうなるか」という脅し|shinshinohara
  • 仕事が早い人は、思考と作業を分けている|三宅孝之

    僕が社内でずっと言い続けていることがあります。 それは「思考と作業は分けましょう」ということです。 よく、プレゼン資料を作るためパワーポイントを開いてフリーズしている人がいます。もしくは、文章を書くためワードを開いてフリーズしている人もいます。それは「思考と作業を同時にやろうとしている」からです。 ではなぜ、思考と作業を同時にやると効率が悪くなるのか? それは「脳サボっちゃう問題」が起こるからだと思っています。 脳というのは考えることをめんどくさがるもの。作業をやりながら思考しようとしても、脳は作業のほうにリソースを使ってしまい、思考のほうになかなか行かないのです。 パワーポイントで図を作成しているときや、ワードで文章を打ち込んでいるときは、「思考」しているように思えますが、実は脳の多くが「作業」に使われている、ということも少なくありません。 だから、なるべく脳を作業から解放してあげること

    仕事が早い人は、思考と作業を分けている|三宅孝之
  • 「経済評論家の父が息子に伝えた、お金の稼ぎ方・増やし方とは?」|Hajime Yamazaki(山崎元)

    書籍のタイトルを考えてみた。いかにもありそうな書名で、似たテイストのものが既に複数あるにちがいない。 もの欲しげな、率直に言って少し下品に思えるタイトルだ。私は自分のに使いたいとは思わない。しかし、編集者との話が煮詰まって疲れてくると、「このタイトルが売れると思います」と説得されて、これに決めてしまうかも知れない。 そうなると困るので、noteに要点を書いて、このテーマを手放してしまうことにしよう。世はコスパ(コスト・パフォーマンス)、タイパ(タイム・パフォーマンス)の時代だ。書き手にも、読み手にも、要点だけ早く伝わることのメリットは大きい。 私の書くも含めて、世間のは無駄に長い。 さて、先日私は息子に手紙を書いた。大学に合格したのでそのお祝いと、父親として息子に伝えたい事柄をあれこれを認めた。偉そうな内容で、読者に紹介するのは少なからず恥ずかしいが、たとえば、以下のようなことを書い

    「経済評論家の父が息子に伝えた、お金の稼ぎ方・増やし方とは?」|Hajime Yamazaki(山崎元)
    nebos
    nebos 2023/04/03
    “お金の稼ぎ方では「株式」に上手く関わることがコツになる。起業でも、ベンチャーへの参加でも、ストック・オプションをくれる会社への転職でもいい”
  • 愛三電機オリジナルOAタップについて|aisan_akiba

    愛三電機のとっても自信のある商品の1つ「オリジナルOAタップ」について、まとめさせて頂きます。 ログインしなくてもハート(スキ)を送れます! 右下ポチッとお願い致します↘ 愛三電機オリジナルOAタップとは愛三電機オリジナルOAタップは皆様に愛されてロングセラー商品です。抜け止めなので、いざという時に安心‥!後ろにマグネットも付いているので、場所を取らずに仮固定ができて便利です。 コンセントを差し込める数は「4」「6」「8」から、コードの長さも「1m」「3m」「5m」「10m」から選べますので、必要な場所に応じてお選び頂けます。 特徴・衝撃に強く、燃えにくい樹脂を使用 ・マグネット付でラック内や机に付けられます ・マグネットはドライバーで取り外しも可能 ・フックによる仮固定も可能 ・パイロットランプ付き 環境に配慮したエコマテリアル利用エコマテリアルの利用で環境にも優しく、配慮した製品になっ

    愛三電機オリジナルOAタップについて|aisan_akiba
  • 非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)

    ※こちらの記事がはてブの総合人気エントリに入りました! こんにちは。くるしばです。 元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。 その後個人で開発したサービスを売却したり、また別のIT系の会社を創業したりしています。 去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに8000人の方々にフォローして頂きました。 プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — 苦しんでプログラミングを学んだ柴犬(くるしば) (@shiba_program) September 13, 2022 僕は普段はいわゆるPMエンジニアとして仕事をすることが多いのですが、業務でも個人プロジェクトを作っている時でも 「最低限の見栄え

    非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)
  • ChatGPTの使い方<26例>|入江 慎吾 🚀

    こんにちは!いろんなプロに相談できるMENTA代表の入江です。 話題のChatGPT。いろんな質問例がTwitterに上がっていて未来を感じさせてくれます。 ※ただし、どんな質問にも答えてくれるChatGPTですが間違いもあるので注意が必要です。 1)バグを見つけてもらう

    ChatGPTの使い方<26例>|入江 慎吾 🚀
    nebos
    nebos 2023/01/20
    未来だ。やろう。
  • プレゼンスライドがみるみる良くなる基本の推敲技術 -事例付き解説-|石原尚(大阪大学教員)

    研究発表のスライドの仕上げの目的は、単に見栄えを良くすることではなく、伝えたいことが正しく・詳しく・分かりやすく伝わるようにすることです。スライドの推敲の技術を知って、実践的に身につけましょう。大阪大学大学院の教員であり、2021年10月に『卒論・修論研究の攻略(森北出版)』を上梓した著者が実例付きで解説します。 スライドの推敲とは?文章がそうであるように、スライドもまた、「伝えたかったこと」をいつでも正しく伝えてくれるとは限りません。そして、正しく伝わるはずだ、という淡い期待を裏切られたときは、当につらいものです。 文章を推敲するように、スライドにも推敲をかけましょう。ただし、スライドを推敲する際に、単にスライド中の語句を推敲するだけでは不十分です。スライドは、文章とは異なる表現形式だからです。 とはいえ、実は、著者の別記事で紹介した文章の推敲技術は、スライドの推敲にも使うことができ

    プレゼンスライドがみるみる良くなる基本の推敲技術 -事例付き解説-|石原尚(大阪大学教員)
  • サイゼリヤの完全攻略マニュアル|マッシ|エッセイスト・ライター

    更新日: 2024.07.21 アレンジを新たに5品目加え、19品目に更新 2021.06.02 記事を公開 皆様へ愛を込めて感謝のメッセージ サイゼイリヤの完全攻略マニュアルを公開して3年、多くの人々に読んでいただけて嬉しい。現在もこのマニュアルが活躍しているようで、みなさんが喜んでいる笑顔が浮かんでくる。もちろん、僕もいつも通りサイゼリヤを楽しんでいる。そして、公開してから約150万PVになっていて想像以上だ。当にありがとう! これからも、サイゼリヤで楽しんでいこう。 2024.07.21 マッシこんにちは、フードライター マッシ(@massi3112) はじめにサイゼリヤが大好きで行くといつもイタリアに帰った気分になる。イタリア流のべ方を知ると更に美味しくなるだけではなく、カスタマイズして自分にピッタリの味を簡単に作れる。毎日サイゼリヤに行っても飽きない理由は調整できること。ツ

    サイゼリヤの完全攻略マニュアル|マッシ|エッセイスト・ライター
  • プロダクトの解像度を上げるとUIの作り方が変わる!〜体験入社からのリベンジ〜|tebiki ブログ

    こんにちは、現場教育システム tebiki のプロダクトデザイナーの山です。プロダクトのデザインの他に、サービスサイトやコーポレートサイトなどの実装業務も行なっています。 (Tebikiに入社する前は制作会社でWEBサイトのデザインやコーディングを行なっていました) 今回は1つのUI改善業務を入社前に行い、入社後に同じ業務に取り組んだ事例についてご紹介したいと思います。 なぜ、入社前に改善業務を行ったのかTebikiでは選考プロセスの1つに体験入社を行なっており、 デザイナーの選考ではプログラムの一環として、数時間で終わる簡単なUI設計を題材としたタスクトライアルを行なっています。実際に私は下記のプログラム内容の体験入社でUI改善業務を行いました! 体験入社スケジュール例 11:00 - 11:25 オフィスツアー・メンバー紹介 11:25 - 12:00 課題の説明 12:00 - 1

    プロダクトの解像度を上げるとUIの作り方が変わる!〜体験入社からのリベンジ〜|tebiki ブログ
  • 【保存版】僕がこれまでにSNSで紹介したパスタレシピを全部まとめてみました(合計31レシピ)|鳥羽周作 「sio」オーナーシェフ

    こんにちは アル・デンテです。 この名前で生まれてから数十年、 パスタが大好きでとにかく作りまくってきました。 そんなパスタ人生の中でできたおいしいレシピを ちょっとでも皆さんと分かち合いたくて 日々SNSパスタレシピを投稿しています。 そして今日はどうやら #世界パスタデー と呼ばれる日だそう。 世界パスタデーが何かは分からないですが笑笑 せっかくなのでこのタイミングで 過去に紹介したパスタを振り返ってみようと思います。 皆さんが作ったことあるパスタも まだ知らないパスタもあるかもしれません。 このnoteが皆さんの振り返りや新発見に役立てば嬉しいです。 ※画像タップするとレシピページに飛べます まずは最近ハマってるワンパンパスタワンパンパスタが素晴らしいのは 沢山の人の課題や要望に対してある種の答えであるという事。 プロみたいに作るパスタも当然素晴らしい けど 求められるものの中に

    【保存版】僕がこれまでにSNSで紹介したパスタレシピを全部まとめてみました(合計31レシピ)|鳥羽周作 「sio」オーナーシェフ