「一時保存や下書きできるようにしたい」といった要望が出てくることがあると思います。世の中のサービスでよくある機能ですしあったら便利だなと思うのも当然です。 同じ要望を受けた当時の私はその大変さに全く気づいていませんでした。 意外と考えることが多いよ、というのが伝わると幸いです。 当初明確になっていた仕様 入力フォームには必須と任意の項目があるが、必須項目が未入力状態でも一時保存できる 入力フォームにはファイルを添付できる 正式データと一時データは同じ一覧ビューの中で両方とも表示させる 一時データはユーザー単位ではなく共有される（誰かが作った一時データは自分も閲覧編集できる） 一時データは正式データに対してひとつのみ存在できる 最終的には上記以外にももっと細かい仕様になったのですが、この後の検討や設計の流れに沿って随時記載していきます。 データの持ち方の方針 方法としては以下二つの案がありま

はじめに Figmaに新しく追加されたVariables カラー管理におけるStylesとVariablesの違い Variablesを使ってダークモードテーマを作る Variablesはまだベータなの？ まとめ はじめに enechainプロダクトデザインデスクのマネージャーの近藤です。現在はプロダクトの大型アップデートやデザインシステムの拡充に日々奮闘しています。 昨年末のアドベントカレンダーでダークモードの歴史や状況について記事（ダークモードを巡るあれこれ：ダークモードの明るい未来）にまとめたのですが、その中で以下のように書いていました。 今年になってFigmaに追加されたVariablesという機能により、ダークモードへ対応するためのカラーの管理が劇的に楽になりました。 しかし、具体的な使い方については触れていなかったので、今回の記事でVariablesを使用してダークモードテーマ

ゆめみ/虎の穴ラボさんの「勉強法の勉強会」というのが好きで、そちらをベースに社内の強い人たちへのインタビュー（10名程度）をミックスして、みんながどうやって調査とか勉強とかしているのか、まとめてみました。 インタビュの結果、あまり共通項みたいなものがなく、結局勉強に関しても銀の弾丸はなさそうな雰囲気でした。ので、どちらかというといろんな人のいろんな方法を並べる、みたいになっています。いろいろ詰め込もうとしすぎたのでゴチャった感ありますが、誰かの参考になれば幸いです。 前提など

社内で書いた内容から、一般化できる話だけを抜き出して書いた記事です。 TL;DR 意思決定者は、 仕様が複雑になればなるだけ、指数関数的かつ継続的にコストがかかることを理解する必要がある。 ユーザーの要求や利便性について優先順位をつける必要がある。 それらを揃えた上で「いっちゃんいいバランスで顧客要望に応える」必要がある。 コストについて サービスあるいは機能の一生 サービスあるいは機能は以下のライフサイクルを辿る 初回リリース以前 初回リリース以後、クローズ以前 クローズ 実は一番コストがかかるのが「初回リリース以後、クローズ以前」の部分。なぜならサービスの一生のうちほとんどの時期がここなので……。 初回リリース以前にかかるコスト いわゆる「初期開発」が行われる。 当然、この時に仕様がシンプルであればあるだけ初期開発にかかるコストは低くなるし、仕様が複雑であればあるだけ初期開発にかかるコ

はじめに こんにちは。楽楽販売開発課のm_tkoとthree_yagiです。 今回は、私たちが所属しているサポート対応チームの業務を紹介します。 目次 はじめに 目次 サポート対応とは？ 組織体制 取り組み 仕様確認系のお問い合わせ 調査系のお問い合わせ 工夫している点 回答観点について 通知botの運用 お問い合わせの傾向分析 今後の展望 最後に サポート対応とは？ まず、サポート対応とは何かについて説明します。 基本的に、お客様からのお問い合わせはカスタマーサポートを担っている部署が回答をしています。 カスタマーサポートの基本的なフロー ただ、そのお問い合わせの中にはエンジニア視点での調査が必要なものがあります。 そういったお問い合わせをエンジニア側で引き受けて調査を行うことを「サポート対応」と呼んでいます。 エンジニア側で問合せ対応を行う場合のフロー エスカレーションされるお問い合わ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

スライド概要 スクラムフェス大阪2024の登壇資料です。 スクラムマスターとして、あるチームでエンジニアとQAの間に見えない壁があり、それが崩れるまでを眺めた。しかし、チームは時間をかけて壁を崩すことができ、その結果、よりユーザーと価値に向き合えるようになった。チームの状況は、初めてアジャイル開発やスクラムに触れるメンバーが多くいたよくあるプロダクトチームであった。スクラムマスターは、なぜ壁崩せたのか、なぜ見ていられたのかを語る。この物語は、あなたのチームでも起きうることであり、アジャイル開発に取り組む上での示唆になるはずです。

社内のプチ発表に使った資料です。 文章のコツ 前置き フルリモートでは、文章でのやり取りがメインになる。 なので、文章がヒドいと「この人と仕事するのキツイ」と思われちゃう😢 そう思われないための色々思ったことを自戒メモ。 なるべく箇条書きにする

Yuta SAWA @sawawww 数ヶ月ぶりにサイゼに来たが、いつの間にかモバイルオーダーが導入されていたんだが、流石にこれは攻めたUIだな。。。 pic.twitter.com/vn4FxpU8wr 2024-05-31 12:22:05 ラムダ🥒ラムダ技術部 @yoidea 番号を暗記していればミスなく爆速注文できそうな常連向けのUIなのは個人的に嬉しい！ リッチなUIのモバイルオーダーアプリは、視覚情報メインでわかりやすさを追求している代償として、1つの商品を選択するのに何回も画面遷移させられる傾向にあるから、対極的なこの攻めたUIを採用したのは興味深い x.com/sawawww/status… 2024-05-31 14:58:39

プロダクトマネジメントを体系化したクライテリアです。企業がプロダクトを成功に導くために必要な要素を多角的かつ具体的に記載してあります。対象はプロダクトマネージャー個人ではなくプロダクトを取り巻くチームとし、プロダクトマネジメント全体をスコープにしています。 🎉 プロダクトの成功 プロダクトの成功には2つの要素があります。 ユーザー価値と事業収益がバランスを取りながら最大化している状態ビジョンが実現できている状態この2つを満たしたプロダクトの成功を実現するプロダクトマネジメントについて定義します。 🔄 プロダクトマネジメントのフロー 👆🏻2つのテーマ、5つのカテゴリプロダクトマネジメントには大きく2つのテーマがあります。 🎁 A. プロダクトをつくる仕事 👩‍👩‍👧‍👧 B. プロダクトチームをつくる仕事 そして、「🎁 A. プロダクトをつくる仕事」には大きく4つのカテゴ

『みんなで小さく区切って進める』とは『みんなで小さく区切って進める』は複雑な問題を解決するためにみんな（チーム）で一緒になって改善していくための進め方です。 『みんなで小さく区切って進める』で大事な考え方は『経験から学ぶ』と『ちょっとずつ進める』です。小さく区切ることで、ちょっとやってみて、それから学び、またちょっとやってみる。それを繰り返しながら進みます。 『みんなで小さく区切って進める』を上手にするには『見える化』『チェック』『改善』の3つが重要です。これにより『経験から学ぶ』効果を高めます。 機会を作る『見える化』『チェック』『改善』を取り入れるために5つの機会を設けましょう。これらの機会は毎回同じ時間に行うことでリズムが生まれいい感じになります。 『区切り』があることで立ち止まれます。立ち止まることで落ち着いて『チェック』し『改善』することができます。この『区切り』は1週間もしくは

私たちはスクラムを採用していて、プロダクトオーナーの私と、3人の開発者、そしてスクラムマスターというチームでやっている。 初期段階の頃は、頭の中のユーザーストーリーを開発者に伝えるのをめちゃくや丁寧にやっていた。 リファインメントでたくさん会話して、バイブスを伝えることに多くの時間を費やしていた。 たくさんの会話をしそれを簡潔にテキストに落とし込みバックログを完成させていた。 プランニングの時も開発者の帽子を被り、必要があったら口を挟みつつラジオ参戦していた。 数ヶ月も一緒にやっていると「今ある機能をもっと良くするならこうだよな」というのが開発者の中に思い描けるようになっていたし実際合っているので、リファインメントでたくさんの会話しなくても「あとはお任せ」の様にやれるようになっていた。 バックログを積み、リファインメントで意思疎通できてるな、ヨシ、をシュッと確認して、その後のテキストへの落

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

「Megukuma」と名乗る個人が、ODNのドメインで提供してきたサービスだが、4月1日現在、サービスが含まれていたディレクトリごと削除されいる。 Internet Archiveで確認すると、同じディレクトリでチョコエッグの掲示板が運営されており、当初は、掲示板に書き込む際の文字数確認用途だったのかもしれない。 テキストを入力するだけで、スペース込み／抜きの文字数を瞬時に表示できた他、行数や段落数、400字詰め原稿用紙換算で何枚かも計算することができた。 関連記事 「長い間ありがとう」　レンタル掲示板の草分け「teacup」終了　25周年に GMOメディアは8月1日、レンタル掲示板サービスの草分け「teacup.」のサービスを終了した。 「さるさる日記」がサービス終了　レンタル日記の草分け 無料レンタルWeb日記サービスの草分け「さるさる日記」が6月30日で終了。終了後、これまでの日記は

株式会社はてな（代表取締役社長：栗栖義臣／本社所在地：京都市中京区）は、株式会社集英社（以下「集英社」）が提供するマンガ誌アプリ「少年ジャンプ＋」に当社開発のマンガビューワ「GigaViewer for Apps」の提供を開始したことをお知らせします。 当社では、2017年より「少年ジャンプ＋」ブラウザ版に「GigaViewer for Web」を提供してまいりました（※）。このたび、ブラウザ版に続き、ダウンロード数2,700万を超える「少年ジャンプ＋」iOS版/Android版アプリでも当社ビューワを採用いただいたことで、集英社と共に「少年ジャンプ＋」ブランド全体の成長を目指してまいります。 ▽ 「少年ジャンプ＋」について https://shonenjumpplus.com/ 「少年ジャンプ＋」は、集英社の「少年ジャンプ＋編集部」が運営するマンガサービスです。ブラウザ版とアプリ版で展開

こんにちは！株式会社Rabeeでデザイナーをしています、nanamiです。 今回は、LPにおいてCV（コンバージョン）に大きく影響を与えるUIパーツ「CTAボタン」周りのデザインをパターン別に集めてみました。 はじめに前回の記事で予告をした通り、今後、LPやWebサイトを構成する様々な要素を１つずつ特化して調査をしていきたいと思っています。 今回はその「パーツ別デザインまとめ」シリーズ２本目です。 ↑ こちらの記事、たくさんの方に読んでいただけており嬉しいです！ パターン別 CTAボタン一覧サイト閲覧者に特定の行動を促すよう誘導する（Call to Action）ためには、CTAボタンに視線を集める必要があります。 そこで今回は「目に留まりやすいCTAボタンにはどんな特徴があるのか？」という観点で、見つけた特徴別にCTAボタン周りのデザインを一覧化しました。 💡差別化された背景色CTAボ

はじめにクレディセゾンに来てちょうど５年が経ったので、これまでの取り組みをまとめてみようかと思う。書き進めていくうちにとても長くなってしまったので、1年につき3トピックに絞ってあとはカットした。それでも5年分なこともありかなり長くなったので、目次から各トピックに飛んでもらえればと思う。社内の関係者も読むかもしれず、「自分のやったことが載ってない！」と思うこともあるかもしれないが、内製開発案件だけでも53案件あり全部載せるととんでもない量になるので許してほしい。それから、振り返ってまとめると退職すると勘違いされるかもしれないけれど、退職するわけではありません！ 2019年：ゼロからのスタート1-1. 内製開発エンジニア募集を始める「日本のそれなりの規模の事業会社の中に、内製開発チームを立ち上げることはできるのだろうか？」 2019年3月、クレディセゾンに来たばかりの私にとってはこの質問への答

アウトドアシーズン、そしてその先に梅雨が待っているこれからの季節。レインコートやアノラックなどの防水・撥水アウターが重宝しますね。 本来の機能を保ち続けるためにはメンテナンスが欠かせません。 では、正しい防水・撥水アウターやダウンのお手入れ方法とは？ アウトドアのプロフェッショナル、モンベル渋谷店の店長・相﨑さんに自宅でできる洗濯方法や、撥水機能を回復させるコツを教わりました。 防水・撥水アウターには専用の洗剤や中性洗剤を 撥水加工は、ホコリや汗、皮脂などの汚れや摩擦によって撥水基が倒れることで水を弾く機能が低下します。 洗濯すると撥水加工が取れてしまう印象がありましたが、実際は逆なんですね。 相﨑さん「撥水加工が施されたものは、専用の洗剤や中性洗剤で洗うのがおすすめです。酸性やアルカリ性の洗剤だと生地を傷めたり、防水透湿性などの機能を損ねることがあります」 モンベル「O.D.メンテナンス

｢良いアプリケーションをデザインするための感覚の持ち方｣ ソフトウェアのデザインでは、プラットフォームのシステムとクリエイター独自のコンセプトとが矛盾なく成り立つことに強く意識を向けなければなりません。調和の取れた良いUIを目指すことは、ユーザーにとって親しみやすく、…