Figmaを使って開発チームの生産性をあげるプロダクトマネジメント｜坪田 朋
開発現場に Figma を導入してチームの生産性が上がった話です。 デザインドリブンで、プロセスを可視化しながら進める僕の開発スタイルと相性が良いので、最近はクライアントワークでも啓蒙しています。 Figmaは平たく言うとデザインコラボレーションツールですが、こちらのリンクから動画をみると雰囲気が伝わると思います。 https://www.figma.com/ UIデザインツールのリッチ化ではなく、開発チームとコミュニケーションのしやすさが強みで、1人でUIを作るならSketchの方が使いやすいかもしれません。エンジニアやプロダクトマネージャーとガンガン議論して仕様を詰めていくスタイルを好む人はFigmaと相性良いです。 デザインプロセスが可視化されるためプロダクトマネージャー、エンジニア視点でも有用なツールだと思います。 Figmaを使ってよかった点まとめ・「デザインをみんなのモノに」を
Belajar Bahasa Inggeris Online 2022 (Kelas English 1-to-1)
Kalau anda teringin nak fasih English, boleh belajar Bahasa Inggeris online dengan kami. Kelas dijalankan menggunakan Zoom / Google Meet. Kelas Bahasa Inggeris Online Ini Khas Untuk Orang Dewasa Yang Faham English, Tapi Bila Speaking: Ayat Berterabur, Grammar Hancur Dalam proses nak fluent English, kenapa mesti malu? Kami di JomEnglish Academy faham, anda nak sangat cakap smooth dan rasa confident
デザインは基本が大切！ひとつ一つをしっかり見直しておきたい20のデザインテクニック
文字の扱い方、レイアウト、カラー、エフェクトなど、プロのデザイナーがこだわっているデザインの基本となるルールと、ついやってしまう間違いとその解決方法まで、ワンランク上のデザイナーになるためにひとつ一つをしっかり見直したい20のデザインテクニックを紹介します。 カーニングとはフォントの文字間のスペースを調整することです。カーニングの最終目的は、それぞれの文字の間が不自然な空白にならないように字面間のスペースを均等にし、テキストを美しく整然とした一つのまとまりにデザインします。 カーニングがされていない、カーニングがいいかげんな仕事は、デザインの世界において大罪の一つです。カーニングはデザイナーが早い段階で身につけるべき重要なスキルです。 20 Typography Mistakes Every Beginner Makes 基本的だけど大切なタイポグラフィのシンプルな14のルール リーダビリ
起業のきっかけは「祖母が遺した定期預金」。グッドパッチCEO土屋尚史氏に聞いた、急成長への道のり | ライフハッカー・ジャパン
業界でもいち早くUIデザインにフォーカスを当て、「グノシー」や「マネーフォワード」など、これまで数多くのアプリ・サービスのUIデザインを手がけてきた「株式会社グッドパッチ」。 4月にはいまスタートアップ界で注目を集めるベルリンへの進出も果たしました。 同社の創業者でありCEOの土屋尚史氏に、創業から現在に至るまでの軌跡をお聞きました。 土屋尚史（つちや・なおふみ） 株式会社グッドパッチCEO。関西大学中退後、ウェブ制作会社に就職しディレクターを経験。その後、デジタルハリウッド大学院、サンフランシスコでのインターンなどを経て、2011年に同社設立。 米田：会社が急速に成長していますね。いま社員数は何人ですか？ 土屋：65人です。最初は2人から始まって、その半年後に1人になって（笑）。 米田：2011年、僕が「ノマド・トーキョー」というプロジェクトで東京中のシェアハウス・シェアオフィスを渡り歩
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
ゲームの神様「ゼビウス」の遠藤雅伸が語った「人がゲームをやめる理由」 - エキサイトニュース
どういうエンディングが良いんでしょうね、（テレビ）ゲームって。 テレビゲームはアーケードのピンボールなどを背景に登場したため、当初は明確な目的がありませんでした。しかし1980年代に入り、長時間プレイの抑制やプレイヤーに対する目的設定などを背景に、プレイ時間の有限化という概念が登場してきます（レースゲームでは上手い人ほど早くゲームが終わる！）。そして家庭用ゲームの一般化に伴い、いわゆる「エンディング」のあるゲームが一般的となっていきました。 しかし、昨今ではネットゲームの普及やゲームのサービス化に伴い、明確なエンディングが存在しないゲームが増加しています。そこでは多くの場合、サービス終了がエンディングと同義語になります。そこまでいかずとも、MMORPGなどで友達が一人、また一人と減っていくなど、コミュニティ崩壊がゲームをやめる理由になったという人も少なくないでしょう。いずれにせよ、あまり良
あんざい ゆきさんインタビュー Webデザイン・コミュニケーションの教科書
『Webデザイン・コミュニケーションの教科書 インタビュー』 筆者が本書を執筆する際に参考にさせていただいた、8人のワークスタイルをインタビュー記事にしました。 今回のお相手は、Android界隈では知らない人はいないという、あんざい ゆきさん。 3冊のAndroid UIに特化した著書の売れ行きも好調ということで、デザインとプログラムに関する話をお聞きしました。 今回のお相手：あんざい ゆきさん 「どんなにいいデザインを描いても、実現できないとそれは絵に描いた餅でしかなくて、実際につくってさわってみないと思ってたのと違うなっていうことがあると思う。」 あんざい ゆき @yanzm 株式会社ウフィカ 代表取締役 ブログ「Y.A.Mの雑記帳」で多数のAndroid技術情報を公開。UIに特化した「Android Layout CookBook」や「Android UI Cookbook for
モバイル向けUI/UXデザイン10のポイント デザイン会社 ビートラックス: ブログ
日々めまぐるしく変化するモバイルマーケットにおいて、マートフォンアプリやモバイルWebのUIやUXを最適にデザインする事はそのプロダクトがヒットするかの大きな要素となっている。特に最近は見た目が良いだけではなく操作性が非常に高いモバイルサービスが次々とリリースされユーザーが求めるクオリティレベルも上がっている。 小さな画面サイズ、様々な利用シーン、複雑な仕様の機能を実装したモバイルサービスにおいては、高いユーザビリティを実現する事が何よりも重要である。よりユーザーに愛される為もポイントをまとめてみた。 1. レイヤースタイルのUIで奥行きを出す モバイルのインターフェイスに関しては、最近のトレンドを見てみると、フラットなUIがトレンドのように思えるが、実はモバイルの限られたスペースでユーザーに効果的なエクスペリエンスを提供するには、縦と横のスペースに加え、”深さ”を利用したレイヤースタイル
アプリデザインの参考になるUI/UXデザインギャラリーサイト10選 - 株式会社モンスターラボ
オンボーディングのUXデザインの参考になる海外Webサイト 「オンボーディング」とは、初めてサービスや製品を使うユーザーがヘルプや説明書を読まなくても使っていくうちに操作方法がわかるように設計する手法のことです。 いかに素晴らしいプロダクトであっても、初めて使用するユーザーにストレスを与えてしまい、すぐにアンインストールされてしまっては意味がありません。 オンボーディングのUXデザインで参考にしたいのが、以下の2つのWebサイトです。 アプリデザインまとめ① User Onboarding 「User Onboarding」は海外のアプリや有名Webサービスのオンボーディングについて紹介しているWebサイト。 オンボーディングを画面単位で切り分けて、参考になる点と改善が必要な点をピックアップしています。 サンプルはスライド形式で表示されます。簡単な英語で解説されているので、英語が苦手な人で
Kawaz - ノベルゲームのUIデザインについてあれこれ～メッセージ画面編
どーも、有給という名の作業時間（リーサルウェポン）が喉から手が出るほど欲しいつなくっくです。 今日から2012年12月のKawazAdventCalendar開始ですね！ 土壇場にもかかわらず参加表明してくれた皆様、そして主催の@giginet、ありがとう！ そしてありがとう！ さて、KawazAdventCalendarの初っぱななので何を書こうかなあと考えていたのですが、思いつきませんでしたorz なので、KawazAdventCalendarとは別に考えていて書きためていたネタなのですが、「ノベルゲーUI作成時のtipsや意識すると良さげなところ」を書きたいと思います。 ノベルゲー企画者がメンバーにUIデザインのイメージを言う時、そして自分でデザインする時にどのようなものがいいのか指定する側はある程度UIデザインについて把握してないと困るなあと感じています。 知らなければどうしてもア
【インタビュー】『神獄のヴァルハラゲート』開発者に聞くUI改善の取り組み | gamebiz
グラニのリアルタイムバトルRPG『神獄のヴァルハラゲート（以下、ヴァルハラゲート）』が好調だ。すでに170万人（2014年5月現在）を超える会員を獲得しているだけでなく、リリースから1年以上経過した現在でも「GREE」の人気ゲームランキングでもたびたび首位を獲得するなど、「GREE」はもちろん、国内でも代表的なソーシャルゲームの一つとなっている。 ゲームがヒットした要因を考える際、企画やプロモーションといった施策に注目が集まりがちだが、今回は「UIデザイン」に着目した。「UIデザイン」は、ユーザーが快適に遊べるようにするための重要な要素だが、模範解答が存在せず、不断の見直しと改善が必要になる。そこで、グラニのUIデザイナーの清水愛子氏、フロントエンドエンジニアの吉野友人氏、久保田翔太氏の3名にインタビューを行い、『ヴァルハラゲート』の開発チームにおけるUIデザインの改善に関する取り組みにつ
ゲームUIの制作で気をつけていること Photoshop編Hikutsu log | Hikutsu log
Web デザイナーの時から Photoshop 派だけど、ガイドライン的な？マニフェスト的な？ものとしてオンラインゲームの UI を制作する上で気をつけていることをメモとしてまとめた。参考にしたのは http://photoshopetiquette.com/ （すばらしい！全デザイナーが読むべき） ゲームのUIを担当してまだ1年半くらいなので、多くのUIデザイナーには当たり前と思われるかも…。しかし自分が今のプロジェクトはじめるときにこれらを知っていたら大いに無駄が省けたのにと思ってる。 ちなみに今のプロジェクトはPCブラウザ向けのオンラインゲームでFlashで作られてる。 プロジェクトや会社によってはちゃんとした制作ガイドラインがあったりするのかな。Photoshop の作業を楽する方法が気になる。（JSXとかも） ファイル PSD は各画面毎に分割する Photoshopet
ブレイブフロンティアのUIの意図を考える。ゲームシステムとUIはセット。
ペースは落ちましたがブレイブフロンティアを相変わらずプレイしております。今、Lv.53でこんな感じのデッキ。闇デッキにしたいのですが、水属性が１体いたり、まだ★５まで進化していない奴がいたりと中途半端な感じ。 さて、今回はメインとなるクエスト画面UIのお話。ブレイブフロンティアはパズドラベースなので、基本的にはパズドラ仕様なのですが、クエスト画面はかなり味が出ています。 スマホゲームで「こんなゲーム作りたいなぁ」と思った場合、UIで悩むことが多いです。僕は新作のために常々画面構成をイメージします。 コマンド式RPGのコマンド階層とデッキ体数 ブレイブフロンティアに関しては「たたかう」「ぼうぎょ」「ひっさつわざ」「アイテム」の４種類のコマンドがあります。家庭用のRPGには当然の機能で、多くの方が「あたりまえじゃん」と思うでしょう。魔法が足りないくらいです。 しかし、これだけでもスマホゲームだ
ゲーム系UIデザイナーの勉強を２年近くやって思った12のこと。 - meycoのUX&UIデザイン技術メモ
あけましておめでとうございます。 新年になり、すこしゆったりとした時間を過ごす事ができました。せっかくなので、去年からずっと思っていたUIデザイナーについて思った頭の中のことをまとめたいと思います。 WEBのUI設計よりも、明らかにゲームの方が難しい これは結構何度も言ってますが、ゲームの設計(ゲーミフィケーションのアプリ含む)の方が明らかに「やることが多い」です。 もっとプレイしてもらうには？ゲームが終わったときに、どのような設計になればもう一度やってくれる？ チュートリアルは必要？やりこみ要素はどうする？ソーシャルとどうやって連携する？ポイント加算の条件は？アクショナブルフィードバックは？日常で使ってくれるような設計には何が必要？盛り込みすぎではないか？ などなど、考えることが多いです。 このあたりは、ソーシャルゲームが本当に上手にできてるなーと思っているので、日々勉強しています。 ゲ
UIが美しすぎる15の次世代モバイルアプリデザイン - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ 世界的なスマホの急速な普及とそれに伴う様々なアプリの登場と共に、モバイルデバイス向けのUIデザインも様々な試行錯誤と進化を続けているようです。今回は、デザインにはこだわりのある人気ITメディアThe Next Webのスタッフが選んだ次世代のモバイルアプリを担う15のUIデザインを紹介します。 — SEO Japan コードを学ぶのと同じように、デザイナーとして上達する一番の方法は、習うより慣れることだ。それでもやはり、優れた作品を称賛して模倣すること（という名の練習）が驚くべき効果を発揮しないというわけではない。何よりも、他のデザイナーが過去にしたことを見ることは、相当な時間の節約になる。なぜ
プログラマとデザイナが共有すべきUIに関するAndroidの10の機能
1. プログラマとデザイナが共有すべき UIに関するAndroidの10の機能 ちょっと文字多いので 読みにくくてすいません @youten_redo（ようてん） 2011.08.19 2. はじめに 意外（？）と、プログラマにとって嬉しい形式で画像素材が提 供されることはありません。 不向きな画像でがんばると、結果としてメンテナンス性・拡張 性がよろしくないコードが出来上がります。 なぜ？ 1. プログラマの画面の作り方と、デザイナの画面の作り方は違う 2. デザイナはプログラマの画面の作り方は知らない デザイナ→プログラマという成果物の流れを考えると、プログ ラマが「適切に要求仕様を提示する」ことが必要です。 2 3. UIに関するAndroidの10機能 プログラマは当然抑えておきたい デザイナもさらっとは理解しておきたい できればプログラマがデザイナに説
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
Webデザインのセンスを磨く！2014年上半期洗練されたディテールのUIデザインのまとめ
本当のUXは、「使っていない期間」をどうデザインするかだ！ UX侍 × MUJI passport | UXサムライ
UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
