「クックパッド MYキッチン」のアプリアイコンができるまで - クックパッド開発者ブログ
こんにちは投稿開発部の佐野大河です。React Native 新アプリシリーズ連載4日目はReact Native のお話はしません。今日はその新アプリ「クックパッド MYキッチン」のアプリアイコンの制作過程について書こうと思います。 連載初日の記事でもありましたように、クックパッド MYキッチン（以下、MYキッチンアプリ）は、レシピ投稿者に使いたいと思ってもらうことを目指したアプリです。ベースの機能はクックパッドとは大きく変わらない派生アプリのようなものですが、レシピ投稿者に好んで使い続けてもらえるように、全く新しいアプリとしてユーザーに届けたいという想いがありました。なので、MYキッチンアプリのアイコンを考えるにあたって、通常のクックパッドアプリのブランドイメージを引き継ぎつつも「MYキッチンアプリらしい」シンボルをいちから考えました。 今回はこのアプリアイコン完成までのプロセスを（迷
Origami Studio — Origami Studio 3
Introducing Canvas. A new way to visually layout your Origami prototypes with freeform drawing tools, text editing, and visual components. Easily edit dynamic layouts. Changes automatically respond, making it faster to iterate on your work. See how Build interactive components. Visually layout your components in the Canvas and combine with powerful interactions in the Patch Editor. See how
品質アップの時間を確保するデザインの進め方について - クックパッド開発者ブログ
こんにちは。ユーザーファースト推進室、デザイナーの坂本です。 私は、クックパッドのレシピを主に生活習慣病の方に向けて管理栄養士が健康的にアレンジした「おいしい健康」というサービスのデザインを担当しています。 「おいしい健康」は2月22日に、アカウント（会員）機能やレシピのリコメンド機能、献立の保存機能などの新機能をリリースしました。このリリースに関わったメンバーは、ディレクター1名、エンジニア3名（＋アルバイトの方2名）、デザイナー1名です。 私はデザイナーとして、UI設計からビジュアルデザインまで関わったのですが、パターンの考慮漏れや使い勝手の悪さなどで、手戻りを増やしてしまいました。 リリースした今、改めて振り返ってみると、もう少しうまくやれば手戻りを少なくし、品質アップの時間をもっと確保できたのでは？と思いました。一体何が悪かったのか？ どうすれば良かったのか？ もし神様が願いを叶え
モバイルアプリ時代のプロトタイピングに求められるもの
先日 Cookpad TechConf というイベントに登壇して、モバイルアプリのプロトタイピングについて話した。最近のモバイルアプリのプロトタイピング手法とその実例について取り上げたが、今回の発表で踏み込めなかった背景の話について書き残しておこうと思う。 モバイルアプリのインタラクションプロトタイピングなぜモバイルアプリでプロトタイピングが必要なのか一言で言うと、モバイルアプリを作るのが大変だから、ということだと思う。自分の実感値だけど、モバイルアプリは Web アプリに比べて作っている時にどうも小回りが効かない感じがする。もちろんどういうものを作るかによるんだけど、基本的に Web アプリのようにとりあえず良さそうなアイディアを実装して試す、みたいなことはやりにくい。自分は元々実装するのが好きだし、速く実装始めたほうが最終的なゴールまで速くたどり着けると思っていたけど、実際に iOS
Cookpad × Fablic のデザイナーイベント「Think User First」を開催しました。 - クックパッド開発者ブログ
こんにちは、ユーザーファースト推進室 デザイナーの吉井です。 クックパッドでは去る7月23日（木）、フリマアプリ「フリル」を運営するFablicさんと合同でデザイナー向けにイベントを行いました。 イベントのタイトルにもある通り、"ユーザーファースト"をテーマに掲げ、開発現場での実践事例を交えながら両社の文化やデザイナーの働き方についてご紹介しました。 お集まりいただいた70名の皆さまの熱量も高く、イベントスタート時からパネルディスカッション、懇親会に至るまで、とても充実した時間を過ごさせていただきました。 ご来場いただいた皆さま、本当にありがとうございました。 また今回は多数応募をいただいたため残念ながら抽選に漏れてしまった皆さま、たいへん申し訳ありません。 こういったイベントは今後も開催していきたいと思いますので、またのご参加を心よりお待ちしております！ 最後に、各発表者の当日のスライド
Splatoonは引き算で作られている
みなさんはシオカラーズのどっち派ですか？ 私はアオリちゃん派です。ただ、最近になってハイカラニュースでのホタルさんの雑なトークが微妙にツボにはまってしまい、気持ちが揺らぎつつあります。まあ、アオリちゃんの笑顔には勝てませんけどね。Wii Uを立ち上げ、ハイカラニュースでかわいいかわいいアオリちゃんの話に雑に回答するホタルさんを堪能し、広場からすぐに2階に登ってスタジオ内をガン見してアオリちゃんから手を振ってもらってから2時間ほどSplatoonを遊んだ後に、再び2階に登って手を振ってもらってWii Uの電源を切るのが最近の日課です。 お気づきかもしれませんが、ホタルさんはさん付け、アオリちゃんはちゃん付けで呼んでいます。特に理由はありませんが、何となく伝わるかと思います。 このままシオカラーズの話を書き続けると気持ち悪さランク20に到達してしまうので、次の行から本題に入ります。なお、この記
「クックパッドの良心」とも言われるユーザーファースト推進部 池田拓司氏が実現する“ブレない”サービスづくりとは - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
クックパッドのユーザーファースト推進部 部長でデザイナーの池田拓司さん。多摩美術大学を卒業後、ニフティに入社。その後、はてな を経て2012年にクックパッドへ入社しました。 社内のメンバーから、「新規事業が増える中で、クックパッドらしさを守る“クックパッドの良心”」と表される池田さん。彼が言語化し、社内外に対して守り抜く「クックパッドらしさ」とは。 生活に近いサービスをつくりたい デザイナーとして新卒入社したニフティで3年間働いた後、まだ当時10名ほどだった はてなに転職した池田さん。より生活に近いサービスをつくりたいという思いで、7年間勤めた はてなからクックパッドに転職しました。 2014年4月に「デザイン部」は名前を変え「ユーザーファースト推進部」に。社長直轄の部署であるため、お客様の声が経営陣にも届きやすい体制が出来ています。現在はデザイナーを中心とする8人のメンバーで構成されるチ
iOS 7 Design Resources
Learn how to design great apps and games that integrate seamlessly with Apple platforms. Human Interface Guidelines Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.
複合主キー「否定派」と「許容派」の論争 - 設計者の発言
定期的に取り上げたくなるDB設計に関する話題である。WEBアプリが一般化して以来、議論されてきた事柄がある。テーブルの主キーを「単独主キー」のみとするか、複数項目を組み合わせた「複合主キー」を必要に応じて使うべきかという問題だ(*1)。複合主キーに対する「否定派」と「許容派」に分かれた議論は劇烈で、宗教論争のようにも見える。 主キーというものは、テーブルの存在意義といってもいいほどに重大な要素である。にもかかわらず、なぜそんな基本的なレベルの議論が始まってしまったのか。２つほどの理由が考えられる。 まず、単独主キーとしてIDを機械的に置くやり方（ID方式）が「オブジェクト指向」と相性がよかったからだ。オブジェクトは固有の識別子（オブジェクトID）を持つので、これに相当するIDをテーブルの主キーとすることで、オブジェクトとDBの設計問題を統合できると考えた技術者が少なからずいた。そのアイデア
SQLアンチパターン - ナイーブツリー
社内勉強会資料 追記: 2013-10-31 ついったで指摘( https://twitter.com/akuraru/status/395822183777202176 )を受けたので入れ子集合のノード追加の説明の所を修正しました。
Pure.css
CSS with a minimal footprint.Pure is ridiculously tiny. The entire set of modules clocks in at 3.5KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. * We can add correctly :) the numbers above are individu
ズルいデザインテクニック2013 + セミフラット version
[大阪] プログラマー向けデザイン勉強会で発表させていただきました。 http://connpass.com/event/3086/ --- [あわせて読みたい] KSSで作るパターンライブラリ by @machida https://speakerdeck.com/machida/kssdezuo-rupatanraiburari 【アイコンを200こ描いた振り返り！】アイコンから知るデザインのヒントby @awayuki http://www.slideshare.net/awayukin/awayuki-pmd01-share ビジュアルデザインまでのデザインワーク by @yokotak0527 http://www.slideshare.net/YokotaKenji/ss-26460108
iOS 7: ここ10年で最大の悪夢 | Ticking Point
WWDC 2013でOS X MavericksやMacBook Airらと一緒に、iOS 7が発表された。フラットデザインになるとかねてから噂されていたし、直前には9to5MacがリークされたiOS 7を元につくったというモックアップを掲載していた。そのデザインは悪い冗談にしか思えなかったが、翌朝WWDCで発表されたiOS 7はその悪い冗談そのものだった。 iOS 7のデザイン変更のきっかけのひとつは、過剰なSkeuomorphicデザインへの批判だと思うけど、おれはiOS 6以前のSkeuomorphicあるいは過剰な装飾が嫌いじゃない。批判されることの多かったNewsstandの木の本棚やGame Centerの緑のフェルトなんかは正直言って結構気に入っていた。無意味な遊び心だけじゃなくそれが何を表してるか明確だし、特に誤解を招く表現でもなかった。それにiOSはシングルタスクでひと
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck
少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回 プログラマ向けデザイン勉強会 #design4p http://connpass.com/event/1185/ で発表させていただきました。 （#p4d プログラマ向けデザイン部 主催イベント http://prog4designer.github.io/） @mah_lab さんが ズルいデザインのRails gemを作って下さいました http://blog.mah-lab.com/2012/11/07/zurui-design-for-rails/ (Repository) https://git
)
設計のケース スタディ: iPad から Windows ランタイム アプリへ - Windows app development
iOS は、タッチ操作主体の楽しく魅力的なアプリを開発できる、人気の高いプラットフォームです。しかし、Windows 8 の登場により、設計者と開発者は、創造性を発揮できる新しいプラットフォームを利用できるようになりました。 このケース スタディでは、iOS を使い慣れた設計者と開発者が Windows ストア アプリの設計原則に従ってアプリを作り直す際に役立つ情報を提供します。具体的には、iPad アプリで使われる一般的なユーザー インターフェイスとエクスペリエンス パターンを Windows 8 の Windows ストア アプリに変換する方法を紹介します。ここでは、これまでの経験を活かして iPad 用と Windows 8 用に同じアプリを構築します。さらに、一般的な設計シナリオと開発シナリオを使って、Windows 8 プラットフォームを活用する方法や Windows ストア ア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ant Design
Making Material Design
Behance
新着記事
Pragmatic responsive design
