1. まとめトップ

何かと話題のデザイナー板橋聡氏がツイッターでWebデザインの実況中継を投稿、ストイックすぎると話題

MONOspaceの代表、並びにstudygift問題などで話題になったLivertyの一員、板橋聡。彼がまたおもしろい試みに挑戦、それは自身がWebデザインを手がけるサービスの製作過程をTwitterで実況するというもの。その模様がストイックすぎると話題に!ものづくりに関わっている方は必読です

更新日: 2014年09月18日

183 お気に入り 54449 view
お気に入り追加

この記事は私がまとめました

you_gjさん

予備知識

MONOspaceの代表兼webデザイナー。クライアントワークと平行して家入一真氏を中心としたLivertyや孫泰蔵氏のスタートアップにも参加し、様々なサービス開発を行っています。


【Twitterのプロフィールから引用】

第二弾もあります。

ストイックすぎると話題の実況デザイン

デザインプロセスで考えている事をリアルタイムでつぶやいていこうという勝手な実験してみます。映画「ソーシャルネットワーク」でザッカーバーグがサービス開発の様子を書きまくっていた様に。とにかくその時の考えやそれに伴う動きを包み隠さず書いてみる。今日デザインするのは写真共有アプリ。

ちなみに今日のスタート時点ではこんな感じ。こっからいじくり倒して調整して行く pic.twitter.com/FgvlvL5Y

ボタンの影の比率と濃度を微調整。こういう細かい作業を最初に設定しておくと後々楽になる pic.twitter.com/m8QUVjuD

今日作る画面の目標は初期ログインの画面でいかにサービス内容も伝達させるk事が出来るか。中央にイメージ写真を配置するのか、もしくは説明テキストをスライドで流すのかを検証中

イメージに近いDropboxのイラストをサンプルに入れて、ログイン画面で説明スライドを配置するパターンを検証。悪くは無いけど良くも無い。余白のバランスが少し悪いね pic.twitter.com/upqIKLEs

太字だと主張しすぎてボタン部分とのバランスが悪いのでテキストをW6からW3に変更。同時に矢印のアイコンもカラーを#aaaから#cccへ変更して若干薄くしてみる。少しまとまった。いいね。 pic.twitter.com/gpxpVxnK

少し前からデザイン再会。今日はこの画面を完成させて寝よう

ボタンの色の検証中。どれもしっくり来ない。全体的なカラー配分が間違ってるのかも pic.twitter.com/n0hGjWfF

こういう配色に迷った時はひとまずモノクロにしてレイアウトを優先に考えるってゆうのがいつものやり方。順番を逆にするってゆうのかな。解ける課題から先に解いていく

ログインと新規登録をタブで分けて表示画面を別々にしたら面白いかも。ちょっと試してみる

タブはだめだ。ターゲットユーザーに対して動きが複雑すぎる

今回のターゲットである女性ユーザーはログインに対して抵抗感のある人が多いという統計から、ログイン時にサービス内容と素性を明かすのは有効と判断してバー部分に会社概要とプライバシー規約をさりげなく配置する事に。画面はいまだほぼモノクロ状態 pic.twitter.com/3VnBGSq7

迷宮入りしすぎて書く事すら無くなってきた。こっから脱すると早いんだけどね

デザインはいかに自分の中の違和感を排除し続けるかだと思う。何パターンも作っては壊してを繰り返す我慢の作業が1番多い

色づけしてないけどちょっとレイアウトが変化。推移を1つ減らす為に入力画面はデフォルト表時に修正。あとはボタンとイラストコンテンツの関係性をどう探っていくか。そして配色 pic.twitter.com/uxVFDTaH

1 2





このまとめへのコメント1

  • bless14さん|2012.08.25

    Loginのマージンがズレてる時点で残念な感じが・・・

1