【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が０を１にする仕事なら、デザインは1を100にする仕事 」 | Startup Dating

2012/05/31 1603 users クックパッド Startup Dating 現職 道のり 新卒

Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん（@monja415）。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった も... 続きを読む

UIデザイナーに必要なのは、決定力のあるデザインを作る能力 | tsublog

2016/05/15 934 users 能力 デザイン 決定力

最近、デザイナーに求められるスキルが多くて何を学べば良いかわからなくなってきた。と言う声を聞くようになってきた。 流行りの記事にいくつか目を通すと、デザイナーは「 経営者と対等に話せるコミュニケーション能力、ビジネスセンスを保有していて、イケてるグラフィックを作り、コードまでかけないといけない 」らしい。 スキルを多く保有している方が望ましいのは間違いない。 ただ、 現場デザイナー に最も大事なの... 続きを読む

UIデザイナーが理解しておくべき11種類のナビゲーションと特徴 | sogitani.baigie.blog

2014/07/17 861 users ナビゲーション sogitani.baigie.blog

WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユ... 続きを読む

UIデザインにおけるナビゲーションのデザインパターンまとめ | sogitani.baigie.blog

2014/08/14 754 users ナビゲーション 階層 UIデザイン 側面 ナビゲーション要素

前回エントリーでは「UIデザイナーが理解しておくべき11種類のナビゲーションと特徴」として、ナビゲーションの種類を、機能的な側面から分類し、ご紹介しました。 続編となる今回は、ナビゲーションをデザイン的な側面からとらえ、形状、ふるまい（動き）、階層というの3種類の表現軸に分けて、ナビゲーションでよく使われているデザインというものを整理してみました。 形状のデザイン UIにおけるナビゲーション要素が... 続きを読む

デザイナー向け認知科学／認知心理学の入門書｜yoshi_design｜note

2018/01/18 736 users yoshi_design Note 認知心理学 入門書 太字

テキスト版（太字が書名） 書影入り、リンク付きは こちら 。 若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし... 続きを読む

個人的UIデザインの情報源まとめ

2020/10/13 707 users UIデザイン エンジニア デザイナー 情報源 ヤツ

どうも。 最近エンジニアからデザイナーになったものです。 最近UIデザイナーになってUIデザインの情報源って意外とまとまってないなと思ったので、個人的によく参考にする情報源をまとめました。 ここに載ってないやつでおすすめの情報源あればコメントとかで教えてください。 OSガイドライン OSのデザインガイドライン... 続きを読む

UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | knowledge / baigie

2019/12/23 650 users Knowledge baigie 海外

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名な... 続きを読む

UIデザイナーが知っておくべきエンドユーザーの10の特徴 - CNET Japan

2012/06/25 626 users エンドユーザー CNET Japan Ubuntu 特徴 念頭

ユーザーの視点に立ってデザインされていないインターフェースは、エンドユーザーに受け入れてもらえないはずだ。そこで本記事では、UIデザイナーが念頭に置いておくべきユーザーの習慣や考え方について焦点を当てる。 つい最近、「Ubuntu Unity」はUbuntuに正式搭載されてから1周年を迎えた。また、「Windows 8」はリリースを間近に控えている。こういった状況のなか、すべてのユーザーインターフ... 続きを読む

チームの症状と処方の考察｜Megumi Kaneko｜note

2019/01/30 604 users Note 処方 考察 クライアントワーク 症状

はじめに自己紹介を少しさせてください。 私はクライアントワークで約30名規模の開発チームに1年間ほどジョインしていました。役割は5〜10名のエンジニアで構成されるチームのプロダクトオーナーとしてだったり、UIデザイナーとPMのチームのスクラムマスターとしてだったり、色んな形でチームに接してきました。 その中... 続きを読む

【生存戦略】20代のWebデザイナーが身につけるべき15のスキル一覧 - paiza開発日誌

2015/08/05 534 users paiza開発日誌 生存戦略 片山 Webデザイナー 要件

2015-08-05 【生存戦略】20代のWebデザイナーが身につけるべき15のスキル一覧 Photo by Joi Ito今回のpaiza開発日誌は片山がお送りします。皆さんはWebデザイナーがどんな仕事をする人か？という事を明確にイメージ出来るでしょうか？最近、弊社でWeb/UIデザイナーを採用する事になったのですが、求人の要件を固めていくにあたって、そもそもWebデザイナーって、どんな経験を... 続きを読む

グーグルの旧ロゴは14,000バイトもあったのに、新ロゴはたった305バイトなのはどうして？ : ギズモード・ジャパン

2015/09/07 464 users フォント ギズモード セリフ グーグル ファイル

そんなに違うの？ グーグルの新ロゴが発表され、旧ロゴのファイルの大きさは14,000バイトだったのに対し、新ロゴはたった305バイトになったそうです。どうしてそこまで変わるのか？ UIデザイナーのIlya YakubovichさんがQ&AサイトQuoraでわかりやすく解説してくれています。 グーグルの古いロゴにはローマン体のフォントが採用されていて、セリフと呼ばれる飾り（線の端にちょこんと付いてる... 続きを読む

2021年、最も注目されたUIデザインのテクニックのまとめ

2021/12/22 461 users UIデザイン テクニック UX Micro-Tips まとめ

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各... 続きを読む

デザイナーの『ごまかし』　本当に「五輪とリエージュのロゴは似てない」か？ - ツイナビ | ツイッター(Twitter)ガイド

2015/09/07 457 users リエージュ Twitter はじめ 五輪 デザイナー

9/7にYahoo!ニュースに掲載された「よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？」という記事が話題を集めています。 この記事では、著名なUIデザイナー（ユーザーインターフェイス・デザイナー）が「五輪とリエージュのロゴが似てない」と考える理由を説明しており、ツイッターには、この記事を読んだ人々から「なるほど、よくわかった」「はじめから、こんな説明があれば…... 続きを読む

2018年 UIデザイナーが読んでよかった本 7冊｜kassy｜note

2018/12/25 408 users お供 コンピューター あっという間 年末年始 デザイン

こちらはInHouseDesigners Advent Calendar 2018の23日目の記事になります。 UIデザイナーのkassyです。あっという間に年末ですね。 今回は、今年読んで良かったUIデザイン関連の本を中心に紹介したいと思います。気になる本があったら、年末年始のお供にぜひどうぞ！ 1. 『融けるデザイン』コンピューターなどがますま... 続きを読む

スプラトゥーン、みまもりSwitchなど任天堂のUI/UXデザイナーさんによる「“娯楽”を追求するUIデザイナーの仕事とは」 #uicrunch - Togetter

2018/04/28 399 users 娯楽品 Togetter UICrunch 実用品 日々

リンク connpass 1621 59 users UI Crunch #13 娯楽のUI - by Nintendo - (2018/04/27 19:00〜) ## “娯楽”を追求する、UIデザイナーの仕事とは 私たちは日々、実用品と娯楽品に囲まれて生活しています。どちらも生活に大切なもの。 今回は"もっと便利に"を追求するのではなく、"もっと楽しく"を追求する、UIデザイナー3名を任天堂か... 続きを読む

2017年、デザインガイドラインについて考える。｜Yuya Remmy Furusato｜note

2017/11/27 393 users デザインガイドライン root エンジニア UXデザイン 注力

株式会社rootのUIデザイナーの古里祐哉です（ @remmyfurusato ）。 rootでは、サービスの立ち上げやリニューアルに伴う、UI/UXデザインをご支援しています。 さて、今年を振り返えると 「デザインガイドラインに注力した」 年でした。デザインガイドラインを必要とされるクライアント様には共通点があります。 ・レイアウトパターンやパーツの使い方が定義されていないで、設計者やエンジニア... 続きを読む

UIデザイナーの能力開発ステップと鍛錬方法｜たけてつ / Studio Opt｜note

2018/09/02 389 users Studio Opt たけてつ Note

先日、経済産業省・特許庁の「デザイン経営」宣言もあり、デザインの重要性が話題になることが増えました。具体的には組織だったり、評価・報酬だったり、採用・育成だったり、多岐に渡っていると思います。 一方で「デザイナーがいない。」とよく聞きますし「誰かいない？」と相談も頂きます。そして、僕は、デザイナー... 続きを読む

【Sketch】TwitterのUIをトレースしながら研究しよう（初心者向け） - NOGA BLOG

2016/07/04 348 users 秘訣 デザイナー 名刺 かっこいいロゴ 石嶋未来さん

デザインスキルを上げるには、良いデザインを真似ること。私が尊敬するデザイナーの先輩達は皆口を揃えてそう言います。  １日ひとつdribbbleなどからかっこいいロゴや名刺などを選んでトレースすると良い。 そのときに、なんで自分がかっこいいと思ったのかを考えること。 デザイナーになる秘訣！Time Ticketで、石嶋未来さんに会ってきた - NOGA BLOG UIデザイナーで、本当にスキルを身に... 続きを読む

UIデザイナーを取り巻く様々な設計 / Intrinsic meaning of UI Design // Speaker Deck

2015/08/09 315 users DESIGN Speaker Deck ひと コンピュータ

UIデザイナーの周りにある"設計"について、Human-Computer Intaractionからヒトとコンピュータの仕組み、エンジニアの設計手法、コミュニケーションの方法などをまとめました。 続きを読む

伝わるアイコンの考え方 - inFablic

2016/01/12 314 users Fablic inFablic wariemon りえもん

2016 - 01 - 12 伝わるアイコンの考え方 iOS Android UI/UX デザイン 今回は、もはや今のアプリ・Webデザインにおいてて欠かせない存在となった「アイコン」についてお話ししようと思います。 はじめまして、Fablic の UIデザイナー わりえもん ( @wariemon ) です。 この記事を読んでくださりありがとうございます！ そのアイコンは飾りになっていないか？ ... 続きを読む

クックパッドのUI設計の秘訣は仮説思考にあった！ - UX-design

2013/04/11 311 users 吉日 クックパッド Ruby 仮説思考 UI設計

2013-04-11 クックパッドのUI設計の秘訣は仮説思考にあった！ クックパッドと言えばRubyの匠として有名ですが、どうやらUX / UI に関してもめちゃくちゃ力を入れているようで、「こりゃ調べるっきゃねぇ！」と思い立ったが吉日。ググってるとこんな記事（【インタビュー】クックパッドのUIデザイナー：「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」）に出会うことが... 続きを読む

DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night

2015/11/30 304 users 浮き彫り 石橋 ＤＭＭ フロントエンドエンジニア 重要性

DMMで新規サービス作ったらフロントエンドエンジニアの重要性が浮き彫りになった話 - DMM Study night 1. DMMで新規サービス作ったら フロントエンドエンジニアの重要性が 浮き彫りになった話 石橋啓太 2015.11.26DMM.Study Night 2. 自己紹介 DMM.com Labo 2014 / 05 ∼ UIデザイナー / フロントエンドエンジニア 石橋 啓太 3.... 続きを読む

オリンピックエンブレムのデザインに剽窃は無かったであろうと判断するに十分足る論考を読んで(山本一郎) - 個人 - Yahoo!ニュース

2015/09/07 258 users オリンピックエンブレム 五輪エンブレム 深津貴之さん 一郎

山本一郎です。剽窃でも構いませんので、ご長男を儲けられましたら是非「一郎」というシンプルで力強い名前を命名されますと波乱万丈な人生をお約束できます。 ところで、ネット民のみならずテレビのワイドショーや週刊誌の類まで巻き込んで日本国民の多くを惹き付けて止むことのないオリンピックエンブレム問題でありますが、ここに来てUIデザイナーの深津貴之さんによる冷静な論考が公開され、五輪エンブレムのデザインで何が... 続きを読む

UI用のアイコンが1,400種類以上！商用でも完全無料で利用できる、シンプルなアイコン素材 -Remix Icon | コリス

2019/04/18 231 users SVG コリス デベロッパー アイコンフォント クライアント

商用でもクライアントのプロジェクトでも完全無料で利用できる、UIデザイナーやデベロッパーのためのアイコン素材を紹介します。 アイコンのアイテムはなんと1,441種類！ SVG、アイコンフォント、そしてPowerPoint...記事の続きを読む 続きを読む

Sketchで変わるワークフロー

2015/07/21 231 users Sketch ワークフロー デザインワークフロー 商業高校

Transcript of "Sketchで変わるワークフロー" 1. Sketchで変わる スマートフォンアプリの デザインワークフロー 山本麻美 2. 山本麻美 フリーランスのUIデザイナー 商業高校や専門学校の講師 ←ここのメンバーでもあります。 3. デザインツール比較 ベクトルイラストレーションを作成するために開発 されている フォトレタッチのために開発されている Webデザインのため... 続きを読む