pixiv自己紹介こんにちは、pixivでデザイナーをしているganchanです。元々は福岡オフィスでデザイナーとしてアルバイトをしていて、2018年4月に新卒で入社しました。本記事ではpixiv最大規模のユーザー企画、「pixivファンタジア」の10周年イベントに新卒デザイナーが携わって得られた経験について紹介します。きっかけpixivファンタジア10周年を記念して、pixivが開催を支援することが正式に決まったときに、「興味があるならやってみないか」と声をかけてもらいました。案件の下調べをするため、pixivファンタジアの歴史や今までに投稿されたイラストを眺めているうちに、どんどんこの企画に興味が湧いてきました。私自身が絵を描いていることもあり、「この企画に参加したい!そしてデザインも担当したい!」と強く思いました。その時はまだ新卒7ヶ月目でしたので、pixiv内の大型プロジェクトやゲームライクなデザインは担当したことがありませんでした。そのため、私がやり遂げられるか不安でしたが、こんな面白そうな企画にチャレンジしないのはもったいないと思い、挑戦することにしました。pixivファンタジアについて「pixivファンタジア」はarohaJさんが主催する「ファンタジーイラストを盛り上げる」ユーザー企画です。参加作品の閲覧数によって競われるバトルと、その結果によって変化するストーリーが特徴です。参加者が新たな設定を創造し、自由に世界観を拡張できます。2018年でシリーズ10周年を迎え、pixiv事務局が開催に協力しました。現在10シリーズ累計の投稿数は約25万作品を超え、毎回の平均参加者は約5,000人を超えるpixiv内最大規模のユーザー企画となっています。Sagaでは、新たな物語の舞台「ラスト大陸」で三国にわかれ、大陸の覇権を争いました。ペーパープロトタイプデザインツール「Figma」でデザイン開発リリース本記事では、主に画面設計でやったことについて詳しく説明します。画面設計をはじめるにあたり、プロダクトマネージャーからペーパープロトタイプについて説明された本を紹介されました。スマホアプリの効率的なデザイン手法ペーパープロトタイプとは、デザインや実装を始める前に紙とペンを使ってデザインの試作品をつくるものです。パソコンでデザインするよりもすばやく試作と改善を繰り返せます。この本を読みながら、実際に自分でペーパープロトタイプを作成しました。ペーパープロトタイプを一度作った後、様々な人にレビューをしてもらっては改善をすることを繰り返し、徐々に完成度を上げていきました。ペーパープロトタイプで大まかな仮枠を作った後は、デザインツール「Figma」を使って、ブラッシュアップしていきました。Figmaのメリットを2つ紹介します。1つのファイルを複数のデザイナーがWebブラウザ上でリアルタイムに編集できるエンジニアがWebブラウザ上でリアルタイムでデザインを閲覧できるため、ファイルの共有や管理コストが低いFigmaはとても便利なデザインツールで、このおかげでエンジニアやディレクターとのコミュニケーションも円滑に行うことができました。世界観を壊さないためにこの企画のデザインをする際に気をつけていたことは、pixivファンタジアの主催がpixivだと勘違いされないようにすることです。pixivファンタジアの主催者はarohaJさんであり、pixivはarohaJさんの企画に協力している立場であることが、誤解なく伝わるように努めました。pixivファンタジアのページにarohaJさんが主催であることを明記しました。加えて、LPにはarohaJさんからメッセージを頂戴し、記載することにしました。arohaJさんが10年間で作り上げたpixivファンタジアのブランドを壊さないように、細心の注意を払いました。このことについて上司に相談したところ「デザインルールを定めるといいよ」とアドバイスをもらいました。そのため、まずはデザインルールを定めることにしました。様々な要素のデザインルールを決めました。ルールを決める際には、arohaJさんとも念入りに打ち合わせをして、arohaJさんの考える世界観やテイストにマッチするように微調整を繰り返しました。Sagaのテイストが表現できる仕組みができました。失敗から学んだ要件を明文化する大切さプロジェクトの開始当初は「なぜこのデザインなのか」を言語化しておらず、デザインの作り直しが何度も発生するという失敗がありました。「これあると良さそう」という直感で新しい要素を追加したことがありました。新規要素をなぜ追加したのか開発メンバーから質問されたときに答えられず、デザインを作り直すことがありました。いった失敗を繰り返さないためにプロダクトマネージャーに相談し、毎回以下の要件を定義してから、デザイン要素の追加をするようにしました。(ユーザーがどんな手順でこの機能を使ってくれるか)この4つの要件を明文化した後にデザインすることで、以下の3つのメリットがありました。デザインするときに考えやすくなり、手戻りが減るデザインの理由を開発メンバーに説明できるチームで議論するときの基準がある要件を明文化する仕組みを利用することでデザインの作り直しがなくなり、デザインスピードが上がりました。参加者数:4984人1人あたりの平均投稿枚数:9.56枚と多くのユーザーの皆様に楽しんでいただけました。Darkness』では6.64枚)直近では一番盛り上がったシリーズとして締めくくることができました。この企画に携わってみて、デザインを作成する前に要件を明文化するべきことを学びました。その後の他のプロジェクトを担当するときにも要件の明文化をまず行っています。その度に、pixivファンタジアの開発に携わった経験が役に立っていると実感しています。Sagaのデザインをやり切ることができたのは、「チームで助け合い、チームで仕事をする」というピクシブの環境があったからだと考えています。この経験を活かし、自身も他のチームメンバーをフォローできるデザイナーとして成長していきます。ganchan2018年4月に新卒入社。pixivのUI/UXを担当。趣味はイラストを描くこととアニメ鑑賞。さらなるデータ民主化を目指して。Reserved.スターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。