info55のブックマーク - はてなブックマーク

UIデザインのKPI設計 | keisuke tsukayoshi
こちらはFablic Advent Calendar 2016の記事です。このブログの最後の投稿もFablic Advent Calendar 2015の記事だったようで、もはやAdvent Calendar専用ブログとなりつつありますが今年もAdvent Calendarのおかげで無事更新できたということでここはひとつ…! UIデザインのKPI設計？さて、皆さんはUIデザインをするとき、どんなKPI設定をしますか？より使いやすいものにする、イケてるものにする、機能のつじつまが合うようにするなど定性・定量様々あると思いますが、UIの改善でサービスをより成長させるためにぼくが最近意識している目標設定のプロセスをご紹介したいと思います。準備①：事業とユーザー体験のKGIを一致させる KPIを決める前に、まずチームにとって一番大きな目標であるKGIを設定します。サービスは会社が運営して
info55 2016/12/14
リンク
KPIを設定してからUIデザインする | keisuke tsukayoshi
最近デザインで失敗してしまったことがあって、そのときの話。それはぼくがあるUIの改修に取り組んでいたときに起こった。起：「ある機能が完成したから、組み込んで」ぼくに与えられた仕事は、もともと組み込む予定だったある機能のバックエンド側が完成したのでフロント側に組み込む（デザインする）、というものだった。フローのなかに組み込むので置き換える機能があったり前後の流れを変えることも含めて、色々考え始めた。どういうものがユーザーに求められているのかを軸に、インタビューする前に考えを整理した。承：ユーザーの使いやすさを求めてデザインその後何人かにユーザーインタビューをして、どういうものが求められているのかとかどう使っているのかなどだいたいの感触をつかんだら、インタビューでわかった事実をもとに導線設計を始めた。なかなかいい感じかと思われたが、UIモックが完成したあとのユーザビリティテストで
info55 2015/02/03
リンク
最近流行りのウェブ開発系ツールまとめ（主にデザイン） | keisuke.tsukayoshi
最近、ウェブデザイン周りの優良ツールがたくさん出てきていて、しかもちゃっかりみんな買っちゃうしアドオン系のソフトウェア界隈にも良い流れを感じるこのごろ。今回は、ぼくが買ったツールのうちこれは手放せないなとおもったものをピックアップしてアフィリンク付きでゲス顔で紹介したいと思います。主にMacです。マークアップ系 Slicy PSDファイルから画像素材が出力できるアプリ。PSDファイルを読み込ませるだけでほとんど自由自在に画像素材を書き出せます。使い方はPhotoshopのレイヤーやフォルダに.pngなどの拡張子をつけておくだけ。マークアップするときの画像書き出し作業が全然億劫じゃなくなったのが一番嬉しい。一度読み込ませると、あとはPSDが更新されたら自動で書きだす機能なんかもあります。スマホのRetina用に半分の画像も一緒に書き出せたり、MacのRetina用に二倍の画像も一緒に書き
info55 2013/08/23
リンク
1