デザイナーとエンジニアを巻き込んだワークフローの改善｜鈴木慎吾 / TSUMIKI INC.
「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア Advent Calendar」20日目の記事です。 今年の５月から、社内でクライアントワークのチームから自社事業のチームに異動し、映画・ドラマ・アニメのレビューサービスのFilmarksで有料会員機能のPMを担当しています。 以前はUIデザインやアプリ開発、あるいはその中間的な仕事としてプロトタイプ開発やディレクションなどを経験してきました。 PM業の傍ら、社内のデザイナーとエンジニアの受け渡し部分の改善に取り組みました。その検討過程について紹介します。 要件定義・UIデザイン・開発間のワークフロー改善もともとFilmarks内ではディレクターがGoogleスライドなどで要件資料とGithub Issueをつくり、 デザイナーがSketchでUIをつくりZeplinで書き出したURLをエンジニアに受け渡し、エンジニ
ユーザーがほしがるものは「不合理な代替手段」から生まれる。日本初のフリマアプリ「フリル」や「B/43」を生んだチームに聞く、ユーザーインタビューで課題発掘するコツ｜アプリマーケティング研究所
ユーザーがほしがるものは「不合理な代替手段」から生まれる。日本初のフリマアプリ「フリル」や「B/43」を生んだチームに聞く、ユーザーインタビューで課題発掘するコツ 家計簿プリカ&アプリの「B/43」さんを取材しました。 ※ 株式会社スマートバンク CEO 堀井 翔太 さん、CXO takejune さん B/43（ビーヨンサン）について教えてください。堀井： チャージして支払うだけで、予算管理ができる「家計簿プリカ」です。今はユーザー層としては、10〜30代が85％を占めています。 用途としては、例えば「今月は食費を○万円以内にしたい」という感じで、特定の支出が予算以内になるように、管理している方が多いです。 ペア口座もつくれるため、夫婦やパートナーで「共有で支出管理をしたい」といった使い方も増えてきていますね。 どうして「B/43」をつくろうと考えたのですか？堀井： ひとつは「未来からの
サブミット (送信) ボタンをデフォルトで無効化しない | Accessible & Usable
公開日 : 2021年10月14日 (2023年10月11日 更新) カテゴリー : アクセシビリティ / ユーザビリティ ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化する UI があります。たとえば、利用規約などの文書を読んで同意する旨のチェックを入れないと、あるいは、入力必須フィールドにすべて正しく情報を入れないと、ボタンがアクティブにならない、というものです。 サブミットボタンがデフォルトで無効化されているフォームの例。 このような UI は、アクセシビリティやユーザビリティの観点で、以下の問題があります。 そこに存在しているはずのサブミットボタンが使用できないことに対して、その理由をユーザーが理解できずに、混乱してしまう恐れがある。(ユーザーの側に誤っているという自覚がなくても、ちょっとした見落としや入
会計freeeのホーム画面をフルリニューアルした話 - freee Developers Hub
この記事はfreee Developers Advent Calender 2020の17日目の記事です。 こんにちは、freeeのプロダクトデザインチームで会計freeeのデザインをしたり、リサーチをしているはるたん(@hrtnde)です。 今日は構想から1年半かけて会計freeeのホーム画面をフルリニューアルした裏側を全て公開します！！！ 新旧ホーム画面 会計freeeの提供から約7年、日々freeeは機能アップデートを重ねプロダクトを進化させてきた一方、ホーム画面については大きな変更を行っていませんでした。 そんなfreeeのホーム画面を大きく刷新、ついにフルリニューアル後のβ版提供も終了し、会計freeeの法人・個人アカウントのユーザー*1が新しいホーム画面を利用していただいております！（👏👏👏） リニューアルの概要については、freeeのリリースノートに載っているので、そち
最高の鍵盤について考える - Imaginantia
ある音高の音を鳴らすという目的を叶えるUIのことを此処では「鍵盤」と呼ぶことにします。 私は良いUIで操作がしたかったので、いろんな試行錯誤をしてきました。 最終的にだいぶわかりやすい配置になった pic.twitter.com/WApl8cm7GC— phi16 (@phi16_) 2020年9月24日 最終的にこれになりました (今現在)。始まりからここへ至る過程についての解説を書きます。 これは単に私が辿り着いた結論であり、「正しさ」を与えるようなものでは勿論ありません。 音程の持つ情報 まず音は波です。「音高を持つ」と呼ばれる音はある特定の周波数の波を多く含んでいます。 含んでいるだけではあるので一般に音から音高は「計算」できません。出来るのはスペクトルで見せることくらい。 そして波であるという点で、比が単純な波同士は綺麗に混ざるようにみえます。混ざるというのは人間の認知的な側面で
Webアクセシビリティ難しすぎる問題
はじめに 私はデザイナー兼フロントエンドエンジニアというような立ち位置で、勤務するfreee株式会社のアクセシビリティガイドラインの作成に関わったり、アクセシビリティまわりの仕組みの整備や社内エバンジェリストみたいなことをしています。 もともと私はWebアクセシビリティという分野が、重要なものである以上に技術や考え方として面白いと思ってやっているうちに気付いたら仕事で大きなウェイトを占めるようになってしまったタイプの人です。しかし、そうではない人たちにその重要さを説明したり、対応をお願いしたり、そのための資料を作ったりしているうちに、「やっぱWebアクセシビリティって難しいんだなぁ」と思うようになってきたので、それについて書いてみようと思います。 なお、背景を説明するうえで必要なので社名を出しましたが、あくまでこの文章は個人の見解であり、所属組織とは関係がありません。 誰のためにやるのかが
クライアントの言うことを鵜呑みにしない
SNSを眺めているとクライアントからの無茶苦茶だったり意味不明な要求への愚痴をよく目にする。 居酒屋で同業の人と飲んでいても、キツイ要求についての話が出ることが多い。 それは多くの場合「プロとして、クライアントの無茶な要求に応えてやったぜ。」みたいな話が多いのだけど、ぼくは少し違和感を覚える。 クライアントは、制作者よりも制作についての知識が希薄であることが多い。そのため、その実装によってどれだけのコストがかかるのか、費用対効果はどうなのか、ユーザビリティやアクセシビリティへの配慮、情報設計は破綻しないのか、メンテナンス性が大きく損なわれることはないのか、などを考えられるベースがない。 無茶な要求はそのために生まれることが多いけど、それを鵜呑みにしてはプロとして失礼にあたると思う。 プロとして依頼された以上、クライアントの意向は汲みながらも、制作者が持っている知識を最大限に活かして提案をし
ルールを再構築してより良いものを作ろう ~Wunderlistはどのようにして作られたか~ | Goodpatch Blog
みなさんWunderlistというアプリをご存知でしょうか？iPhone, iPad, Android, Windows, Mac, Webで使えるいいデザインのtodoリスト管理アプリです（無料）。とても素晴らしいアプリなので使っている方も多いかと思います。 先日このアプリを作っている会社6Wunderkinderのブログを読んでいたら、Wunderlistがどのようにして新しいデザインを作ってきたかが書かれた興味深い記事がありましたので翻訳（意訳）しました。 [以下Break Rules To design better productsの翻訳（意訳）] 私たちは一日のうちに、スマートフォンやタブレット、ノートパソコンといった様々なデバイスを使い分けています。それぞれに独自のガイドライン、インタラクションの種類、そしてもちろん異なったインターフェースがあり、私たちはデザイナーやエンジニ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ＵＸデザインの上流工程の考え方とプロセス� ～リサーチからアイデア発想そしてＵＩデザインへ