てらもと | CANARY デザイナー's banner

てらもと | CANARY デザイナー

@mayugelion • 1,122 subscribers

不動産DXの「株式会社カナリー」でデザイン統括しています。プロダクトのUXから組織づくりまで、デザインの力でよくすることが仕事。経歴｜カナリー ← サイバーエージェント ABEMA ← サイバーエージェントゲーム事業部

Shorts

【UIデザイナーが作って良かったSkill紹介その3】オブジェクトがどのように紐づいているのかを見たくて、デザインデータと概念図とER図を同じキャンバスに乗せて、メニューひとつで行き来できるようにしました。どちらも同じ出所のデータから描いているので、片方を直せばもう片方も追従できます。見たいものを1つのツールにまとめると更新も楽で、良いツールが出来ている気がする... デザイン業務自体を自分でアップデートできるのは良い時代...!!

【UIデザイナーが作って良かったSkill紹介その3】オブジェクトがどのように紐づいているのかを見たくて、デザインデータと概念図とER図を同じキャンバスに乗せて、メニューひとつで行き来できるようにしました。どちらも同じ出所のデータから描いているので、片方を直せばもう片方も追従できます。見たいものを1つのツールにまとめると更新も楽で、良いツールが出来ている気がする... デザイン業務自体を自分でアップデートできるのは良い時代...!!

780,199 views

【UIデザイナーが作って良かったSkill紹介その2】業務フローに合わせたUIデザインを設計していた時に思っていたこと。「遷移図に小さく画面名が並んでるだけだと、この遷移が妥当か判断できない。。。」なので、画面遷移図のとおりに実物のモックを並べて、線でつなげられるようにしました。デザイン生成の延長で、Skillのコマンドでキャンバスが出てくる。業務の主経路は太線としているので、ユーザー体験がデザイナー以外でもひと目で分かる。どのオブジェクトが業務としてのハブにすべきかなど、遷移図を眺めているだけでは気づけなかったことが、図や触れるモックとして形で見えるようになってきた。また、いままでは遷移図と実画面を別々に管理して、片方直すともう片方がズレていた。今は遷移図を直せば、キャンバスごと組み直せる。

【UIデザイナーが作って良かったSkill紹介その2】業務フローに合わせたUIデザインを設計していた時に思っていたこと。「遷移図に小さく画面名が並んでるだけだと、この遷移が妥当か判断できない。。。」なので、画面遷移図のとおりに実物のモックを並べて、線でつなげられるようにしました。デザイン生成の延長で、Skillのコマンドでキャンバスが出てくる。業務の主経路は太線としているので、ユーザー体験がデザイナー以外でもひと目で分かる。どのオブジェクトが業務としてのハブにすべきかなど、遷移図を眺めているだけでは気づけなかったことが、図や触れるモックとして形で見えるようになってきた。また、いままでは遷移図と実画面を別々に管理して、片方直すともう片方がズレていた。今は遷移図を直せば、キャンバスごと組み直せる。

15,958 views

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

【UIデザイナーが作って良かったSkill紹介】プロトタイプのアイディア発散をAIで行った時に思っていたこと。「A案とB案を並べて俯瞰し、体験観点でメリデメを洗い出したい。。。」なので、Figma のアートボードみたいに、生成した画面モックをキャンバスに複数並べて比較できるSkillを作りました。 Skillのコマンド1発で、比較用のhtmlが吐き出されるように。加えて、エンジニア同士の連携用に簡単にテキストが記載できてスクショを元に議論ができる。いままではツールの機能追加を待つしかなかったが、今は自分たちで制作してメンバーに共有できる。デザイナーが事業に必要な道具を自分で作れる時代になったなぁと思う varhira // 🦄

【UIデザイナーが作って良かったSkill紹介】プロトタイプのアイディア発散をAIで行った時に思っていたこと。「A案とB案を並べて俯瞰し、体験観点でメリデメを洗い出したい。。。」なので、Figma のアートボードみたいに、生成した画面モックをキャンバスに複数並べて比較できるSkillを作りました。 Skillのコマンド1発で、比較用のhtmlが吐き出されるように。加えて、エンジニア同士の連携用に簡単にテキストが記載できてスクショを元に議論ができる。いままではツールの機能追加を待つしかなかったが、今は自分たちで制作してメンバーに共有できる。デザイナーが事業に必要な道具を自分で作れる時代になったなぁと思う varhira // 🦄

てらもと | CANARY デザイナー

20,429 views • 1 month ago

No more content to load