ArchArchHTML/JavaScriptUI・UXインスピレーションダウンロード素材ツールTIPSディレクションデザインマーケティング雑記・お知らせ2012.7.5coconala(ココナラ)のリデザインを担当させていただきました7月3日に公開されたココナラ(運営会社:株式会社ウェルセルフ)のリデザインを担当させていただきました。ココナラをどのようにデザインしていったか、またデザインの特徴などを書いてみましたので、参考になればと思います。そもそもココナラとは?500円で個人の経験・知識・スキルを売買できるWebサービスです。自分の得意なことをサービスとして売ったり、他の人の得意なことをサービスとして買ったりすることができます。購入者一人ひとりに合わせたオーダーメイドの回答がもらえることが特徴です。私の担当領域デザインがメイン作業で、単純なページに関しては情報設計+デザインを担当しました。1からのデザインではなく、元々のベースがあって、それの作り替えという感じでした。さんが行い、その指示のもとデザインを作成していきました。元々のデザインを作り替えるにあたって、以下のようなデザインオーダーがありました。ECっぽさを出していく各パーツを見やすく、すっきりさせていく色のトーンをはっきりさせていくデザインをもう少し洗練するまた、メインターゲットが20~30代の女性でしたので、デザインイメージはこのようにしました。構成の咀嚼デザインの構成は↑のような感じで紙できます。これを見て、こうした方が良いんじゃないか、って思った場合は私で一から描いてみて、咀嚼をします。すると設計の意図が明確になり、デザインもしやすくなります。問題無い場合はそのままデザインに進み、それでも疑問に思ったところは聞いたり、試しにデザインをつくってみたりして解決するようにしました。デザイン上記のデザインイメージから出来上がったのがこのトップページのデザインです。メイン画像は何度か変遷を経て現在のものになったのですが、全体的なトーンやテイストは比較的早い段階で決まりました。ココナラでのデザインの良し悪しの基準は、機能をデザインでわかりやすく示すことができているか、ということに終始したと思います。その形状や色は適切か、意味があるか、きちんと伝わるか、など。全てを論理的に作成していくのではなく、感覚に頼るところもあります。うまく言えないのですが、感覚的に、「あ、これだ」とぴったりはまるところがあります。それにたどりつくまで試行錯誤を続けます。その勘は外れることもあって、外れたときは設計の意図をしっかり汲み取れていないときが多いです。意図を汲み取ってデザインするということは心がけていました。(そういう意味では論理的なのでしょうか...)デザインの試行錯誤ココナラのベータ版では、メインとなるいくつかのページで、デザインが決まるまでに何度か試行錯誤を繰り返しました。いうのも、ユーザーインタビュー→デザインフィードバックを繰り返してデザインを改善していったからです。デザインフィードバックテストユーザーによるデザインフィードバックには、ユーザーの本音が含まれています。ユーザーは何を不安に思っているのか、何を期待して訪れているのかがわかりやすくなり、それがわかることでデザインに反映しやすくなります。動きや機能面含め、参考にさせていただいたサイトをまとめてみました。海外のWebサービスはこなれすぎててちょっとわかりにくい面もあるのですが、全体的には洗練されていてとても勉強になります。Webサービスではない普通のサイトをデザインするときも参考になるかと思うので、ぜひ一度、ユーザー登録をして、使って、じっくり観察してみると良いと思います。国内cookpadhttp://cookpad.com/nanapihttp://nanapi.jp/海外chillhttp://chill.com/dribbblehttp://dribbble.com/etsyhttp://www.etsy.com/fab.comhttp://fab.com/kickstarterhttp://www.kickstarter.com/gumroadhttps://gumroad.com/Pinteresthttp://pinterest.com/あとはTwitterやFacebookも良く見ましたねー。さんからTwitterでお声がけいただいて、初めてのWebサービスのデザインをすることになり、たくさんのことを学ばせていただきました。海外のUI・デザイン面の研究では、こんな見せ方があるのか!と驚かされるばかりで...デザインを作らせてもらえて、本当に感謝しております。2013のボランティアスタッフに参加して良かったこと2013.12.02UI変更が不評な時に役立つ原因の切り分け方2013.11.29About@kanako29WebサービスのUI・UXデザインなどをやっています。