京都から発信するグローバルUIデザイン。Blog2018-05-07京都から発信するグローバルUIデザイン。Inc.の開発メンバーに気軽にCEOの洛西がインタビューしていく連載企画です。第2回は、UIエンジニアの吉原にソフトウェアデザインの話を聞きました。Inc.のプロダクトデザインを担当。2010年までは家電メーカーでハードウェアデザイナーとして携帯電話のデザイン業務に従事。政策・メディア研究科にて修士号を取得。Inc.にてwebサービスのUI/UX周りを開発。ビジュアルワークとコーディングの両側面から質の高いプロダクトの実現を目指す。建さんはハードウェアとソフトウェア両方のデザインの経験があるということで、このふたつはどういうふうに違うと思いますか。変化するかしないかというところが大きいです。プロダクトデザインは1回作ってしまえば、それが形状として変化するケースはほとんどない。Webデザインだとか、アプリデザインを始めてみると、状態によってぜんぜん見え方なり使われ方が違うので、そこが一番大きな違いですね。画面のサイズであったり、使う場所であったり、デバイスの種類であったり、ブラウザで見るのかアプリで見るのかだとか、デザインした時と実際に使われる時の状態が違いすぎて愕然とします。料理をするようにプログラミングを行う建さんはプログラミングを頑張って学んで、内部の実装を知っている点が強くて、ソフトウェアをデザインしやすいというのはありますよね。ほんとに本番と同じ環境で実装してしまえば、実際に使われるコンテンツを使ってUIの検証をしたり、それぞれのデバイスで実際に試すことができて、あらゆる環境で見ることができるので、それは強いです。料理でいえばグラフィックレベルでデザインしたものがレシピで、実際に実装された段階になると調理された料理みたいな関係性ですね。グラフィックだけでやっているとレシピしかできない。実際に調理してみると、味を確かめながらデザインができる。レシピと料理の間にはだいぶ差がありますね。最初はそんなに遠いとは思っていなかったけど、学んでみるとやはり遠いんだなあと思います。繰り返しているとレシピ段階で料理の味が想像できるみたいな感じになります。gyazo.comユーザーは意外なコンテンツを持ってくるGyazoやScrapboxはソフトウェアが動的な上に、さらにユーザーコンテンツが加わる。いうUI作りというのはけっこう苦労したのでは。デザイナーはみんな無意識に格好いいコンテンツを使ってモックアップを作る癖があると思うんです。いうものを使って実装物を作ってしまうと、実際にユーザーがキャプチャしてくるコンテンツってぜんぜん違うんですね。ほんとに恰好悪いものだったり、回りが真っ白なものだったり、真っ黒だったり、想像のつかないコンテンツが上がってくる。最初はそういう実装物とデザインしたものの誤差にびっくりして、すごく苦労したんですけど、できるだけ実際の本番に近い状態でデザインするように心がけるようにしてからは、だいぶその誤差が埋まりつつあるんじゃないかという気がします。デザインの具体化に軸足を置く建さんは前職はエンジニアでしたね。その前はデザイナーだった。自分の専門分野というのはどのように考えていますか。ぼくはデザインするのが楽しいとか、エンジニアリングするのが楽しいというよりは、先に作りたいものがあるんです。それを作るためにはどういう手段を持っていればいいのかというところから始まったので、こんな感じになった気がします。前職でも、たとえばプロダクトデザインをやっている時に、5年後、10年後の携帯電話のデザインをやりましょうという仕事がたくさんあったんですけど、デザインをやって終わりというケースがほとんどで、それを現実化するための仕組みは用意されていないんですよ。デザインをやりながら物を実際に作ってみせるということをやらなければいけないと思って進んできました。gyazo.com今後の方向性は。ある程度、自分が深めたいところに軸足を置く必要はあるという気がします。その軸足というのが、ぼくの場合はデザインの具体化みたいなところ。モックアップを作ったり、それを実際に見て判断してもらう。いいデザインを技術的に可能なものとして表現するというところにフォーカスして仕事している感じですかね。すべてのデザイナーはコーディングを覚えるべしということですね。体験してみるべきだとは思います。さっきのたとえで言えば、レシピを作ったら、やっぱり料理したいと思うじゃないですか。これを作って食べてみたい。その感覚とまったく同じ感覚で、ぼくは実装した時の楽しさを味わっています。NotaではGyazoを一緒に開発するRails/JSエンジニアを募集中です。京都から発信するグローバルUIデザイン。Helpfeeltechlink株式会社HelpfeelGyazoScrapboxHelpfeel検索はてなブログをはじめよう!notaincさんは、はてなブログを使っています。ブログを報告する引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。