クックパッド流UIの作り方 - takeshi nagayama's blog

なんか突然東京行きたくなったので、ひょひょいと行ってきた。 たまたま立ち寄ったクックパッドっていう会社でクックパッド流UIの作り方という勉強会してたので、偶然持ち合わせていたはてなステッカー渡したりおいしい料理いただいたりした。 UI/UXのためのSass 池田さん / サービスデザイン部 Sass / Haml (エンジニア・デザイナー問わずに) Github デザイナーもpull req 一つのサービスを複数チームで開発 各デバイスで速いサイクルでの開発 Sassとは → ぐぐれ 全体のデザインを束ねる → デザインガイドライン ガイドライン Sassで統一的なものを提供する 画像を使わずにCSSでデザインするメリット mixinをつかって統一できる 画像編集がいらない プロパティの変更によってデザインに幅をもたせる事ができる mixinの中身は応用がきくような仕組みにしておく 検証を

[nagayama]

クックパッドいってきたー

[secondlife]

tikeda さん、入社二ヶ月でいろんな仕事しつつ会社のデザインにあった css framework 作ってしまいマジキチでした…

[ir_takt]

「ユーザーの目的を達成するのがよいUI」

[google-house2]

ぶくま

[ikesyo]

クックパッド流UIの作り方 … from: on Readability: http://www.readability.com/articles/wowngqn5

[nishiking]

参考になるなる

[letsspeak]

クックパッド流UIの作り方 - takeshi nagayama's blog

[suVene]

こんな中身の無い(説明されてない)まとめ記事でも話題を呼ぶんだな。

[blanc2005]

素晴らしや

[satohiruma]

楽しそう。。。

[gyu-tang]

イイね

[yosuke_furukawa]

デザイナーも開発と密なんだな。ってそれはWeb系じゃ普通の話なのかも。

[tokinaka]

部長の導線6箇条 シンプルに勝るものなし 期待ギャップをなくせ ファーストビューで勝負 遷移の数は極力少なく スクロールさせてたほうがいい 画像は効果的に用いよ 数ではなく質を狙え 新しい導線を新設するより一つ一

[nishi19]

細かい！クックパッドのUIへのこだわりは書籍やいろいろなブログで読んでるけど、どれも参考になる。

[tayapon]

「スマホの事例だと 1週間 月〜金で開発 金でテスト 週明けに評価」

[stj064]

"コピーはシンプルなものが一番効いた「今日なにつくろう？が解決」<<<「クックパッドプレミアム会員になる」"

[aretokore]

>> クックパッド流UIの作り方 - takeshi nagayama's blog

[sugyan]

書き出しがどこかで見た文体でビックリしたｗ

[hiro_y]

「ユーザーの目的を達成するのがよいUI」

[luccafort]

UI/UXはサービスにかかわるなら営業だろうと開発だろうと勉強すべきだと思う。

[pivotdgdg]

参考にさせて頂きます。

[s1_snake]

これ抽選漏れたけんレポート本当に嬉しい!!!あとで読む!!!

[hkzo]

みんながブクマしてるのでw

[warriorking]

クックパッド流UIの作り方 - takeshi nagayama's blog

[teppeis]

「遷移の数は極力少なく スクロールさせてたほうがいい」

[kojika17]

クックパッド流UIの作り方 - takeshi nagayama's blog

[takenemG]

CSSってSassなるもの使って書くのね。HTMLもコーディング環境って何があるんだろ？IDEあんのかな？ずっと謎。Webデザインしないけと気になる。

[honeybe]

とても良さそう。あとでちゃんとよむ。

[cachico]

クックパッド流UIの作り方

[papilio17]

行きたかった勉強会、きれいにまとまっていた！ながやまんさんありがとうございます

[shun_tak]

Sass使ってんのか！やっぱ時代はSassですよね。pure CSSを書かせようとするのはパワハラ。｜クックパッド流UIの作り方 - takeshi nagayama's blog

[ama-ch]

自社css frameworkってどんなのなんだろ。