2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か?デザイナーは何を考えてデザインを作っているのか? という話から、実際にデザインを評価・検討するための言葉を紹介しています。
「UI Crunch #13 娯楽のUI - by Nintendo -」に参加しました。世界的にも注目される企業かつあまり表に出てこないデザイントークが聞けると言うことで、倍率も相当なものとなっておりました。この企画は構想から2年くらいかかったそうで、とても濃いお話を聞くことができました。めちゃ感動しました。今回は、そちらのイベントレポートです。最初の方あまり写真を撮らなかったので、後半の写真が多めになります。 1人目は、UI/UX デザイン チーフの正木さん。「娯楽UIの思考の原点」についてお話いただきました。 Nintendo流の「伝え方」Nintendoが人に何かを「伝える」時にこだわっていること。それは、以下の3つです。 ・「教える」ことよりも「体験する」ことで、より早く、的確に伝えることができる。 ・初めての体験は一度きり。新鮮な印象を大切にする。 ・体験はやっぱり面白くしよう
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 「AndroidはiOSと同じデザインで!」と言われてどう実装しようか悩んでる方向けの記事です。 Androidアプリを作るなら当然マテリアルデザインガイドラインに合わせて1から画面設計するのが最高なんですが、そうはいかないことが経験上多いので対応案をざっくりまとめました。 諸注意 これは「iOSとAndroidのUI対応一覧」ではありません。 iOSとAndroidで同じような見た目のUI部品でも作られた経緯や目的は違うので、比較して置き換えるようなことは基本的にできないと思います。 とはいえなんの指標もないと辛いの
デザイン業界は常に新しいトレンド・技術が続々登場し、目まぐるしいスピードで変化しています。きっと「常に情報収集を行っている」というデザイナーの方も少なくないはずです。 今回は、ぜひそうした方々に有益な情報をご紹介します。情報収集というと、インターネットや本などを通じてというのをイメージされる方が多いかと思いますが、スライドシェア(Slideshare)もオススメの手段です。 「スライドシェアが何か」というと、プレゼン資料をインターネット上で公開・共有するサービスを指します。良質なスライドが数多く揃っていますので、知識を深めたい方にはもってこいです。今回は公開中のスライドシェアの中でも、特にデザインが学べるスライドを中心にまとめてみました。ぜひ参考にしてください。 デザインの学習にもってこい!デザイナー向けスライドシェア 1. 優れたデザインの 定義と思考方法 https://www.sli
プロダクトのコンセプトはそのプロダクトにまつわる施策を決める重大な指針となります。今回は面白法人カヤックのスマートフォン向けゲームアプリ「ぼくらの甲子園!ポケット」の事例から、同社が掲げる「友情体験」がどのようにプロダクトのデザインに落とし込まれているかに迫ります。 インタビューイー 綿引啓太 氏(写真右):面白法人カヤック 企画部 プロデューサー 岩瀬茂樹 氏(写真左):面白法人カヤック 意匠部 デザイナー ・・・ ― 今回は「ぼくらの甲子園!ポケット」にまつわるUXデザインの話を伺いたいのですが、まずはゲームの簡単な紹介をお願いします。 綿引:「ぼくらの甲子園!ポケット」(以下、ぼくポケ)は2014年の9月にリリースした、名前の通り高校野球をテーマにしたソーシャルゲームです。 「ぼくポケ」は、チームを組んで甲子園での優勝を目指すという、いわゆるギルドバトル形式のゲームです。スポーツゲー
去る6月22日(木)に渋谷で行われた、株式会社アジケ主催のイベント「UX dub〜UX/UIの現場、最前線〜」に登壇させていただきました。今回のエントリーはこのイベントで発表させていただいた内容のフォロー記事になります。 日頃のクライアントへのUIデザインの提案において、なかなか作ったものに対して納得していただけない、スムーズに話が進まない、といった状況は、誰しも経験するものかと思います。しかし近年、私自身の経験を振り返ると、以前に比べてスムーズに提案が進むようになったと感じていました。 そんな時にお誘いいただいた、このイベントの「UX/UIの現場、最前線」というキーワードを聞き、私の所属するベイジではどのようにパートナーをリードしてUIに落とし込んでいるのか?をお話してみようと思いました。 この内容について、我々が作るWebサイト自体のUXやUIを深く追求することももちろん大切なのですが
エンジニアが知っておくべきデザインの基本。「デザインガイドライン」と「コンポーネント」を学ぶ! Appleをはじめとする多くの成功企業がデザイナを役員に据えるなど、デザインに対する重要度が年々上がっているこの時代、若手のうちにUIデザインに関する基本的な考えを身につけ、より良いプロダクトを制作できるエンジニアを目指しましょう。 こんにちは。 グロースデザイナ/フロントエンジニアとしてWebサービス開発に携わっている右寺(@migi)と申します。最近は複数の企業で、数値解析から企画提案、開発も含めてサービスを成長させるためのお手伝いをしています。 現在はフリーランスとして活動していますが、直近では株式会社グッドパッチというUI(ユーザインターフェイス)デザインに特化した会社に勤めており、そこではデザインとの距離がとても近いところで開発をしていました。 そんな私の経験から、この記事では「エンジ
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴からデザインの原則、それぞれの部品が何のためにデザインされたのか、どう利用するのか、iOS を構成する UI の基本指針がまとまっています。 よく、『磨りガラス効果がかっこいい』『アニメーションしておくとイケてる』『ボタンは右配置の方が右手で押しやすい』『流行っているから』……などの観点によって UI の設計が
アプリマーケティング研究所 > トレンド > インスタは「妄想の検索エンジン」メルカリは「通販の検索エンジン」としてつかう。女子大生が教えてくれたスマホで「ビキニ」を買うまでの心理と経路。 インスタは「妄想の検索エンジン」メルカリは「通販の検索エンジン」としてつかう。女子大生が教えてくれたスマホで「ビキニ」を買うまでの心理と経路。 女子大生の方に「スマホで買い物する過程」を詳しく聞いてみました。インスタで妄想してからメルカリでモノを買う…?? まず「インスタ検索」で妄想を膨らませる。 スマホをつかって「最近買ったモノ」って何かありますか? どういう経緯で買ったのかも知りたいです。 女子大生: このまえ、海外旅行のために「ブラジリアンビキニ」っていう、露出度の低いビキニを買いました。 まず、最初にやったことは「インスタでの検索」ですね。ハッシュタグ「#ブラジリアンビキニ」で検索して、実際に着
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square:active { /*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/ }
Photo by Dan Zen こんにちは。谷口がお送りします。 ここ数年、Webサービスの開発において「UI」「UX」という言葉がよく聞かれるようになりました。 「UI」とはUser Interfaceの略で、簡単に言ってしまうと、パソコンやスマートフォン等を操作する際のの画面表示やメニューに表示される言葉など、情報の表示様式や操作感のことです。 対して「UX」は、User Experienceの略です。UXは、ある製品やサービスを利用したり、消費した時に得られる体験全般のことを指し、個別の機能や使いやすさだけでなく、ユーザーが製品やサービスを利用したときに得られる利用体験、満足感の向上を目指すのがUXデザインになります。 ※UXとはISO 9241-210[2]において「製品、システム、サービスを使用した、および/または、使用を予期したことに起因する人の知覚(認知)や反応」と定義され
この記事はCyberAgent Developers Advent Calendar 2016の23日目の記事です。 こんにちは。AbemaTVでiOS、tvOSを開発している波戸(@dekatotoro)と申します。最近は黙々とtvOSアプリの開発をしていましたので、今回はiOSアプリ開発者向けにtvOSアプリ開発のポイントについて紹介したいと思います。 AbemaTV on Apple TV AbemaTVはオリジナルの生放送コンテンツや、音楽、スポーツなど様々な番組を見ることができるインターネットテレビ局です。�動画配信サービスなのでTVデバイスと非常に相性が良いものになります。tvOS向けのアプリは先月の11月25日から提供を開始していますので、Apple TVを持っている方は是非使ってみてください。 Apple TV 4th generation まずApple TVについてです
こちらはFablic Advent Calendar 2016の記事です。 このブログの最後の投稿もFablic Advent Calendar 2015の記事だったようで、もはやAdvent Calendar専用ブログとなりつつありますが今年もAdvent Calendarのおかげで無事更新できたということでここはひとつ…! UIデザインのKPI設計? さて、皆さんはUIデザインをするとき、どんなKPI設定をしますか? より使いやすいものにする、イケてるものにする、機能のつじつまが合うようにするなど定性・定量様々あると思いますが、UIの改善でサービスをより成長させる ためにぼくが最近意識している目標設定のプロセスをご紹介したいと思います。 準備①:事業とユーザー体験のKGIを一致させる KPIを決める前に、まずチームにとって一番大きな目標であるKGIを設定します。サービスは会社が運営して
モバイルWebのUIを速くする基本テクニックがわかる──Google I/O 2016 High Performance Web UI 川田寛(ピクシブ株式会社) こんにちは、ふろしきです! 私はHTML5 Experts.jpで、過去2年ほどGoogle I/Oの情報を発信し、Web技術の変化についてお伝えしてきました。振り返るとGoogleは、2014年にモバイルWebの提唱と技術要素の拡大を図り、2015年からは「RAIL(モバイルWebが目指すべきパフォーマンス指標)」や「Progressive Web Apps(アプリのように振る舞うWeb)」といった、モバイルとの親和性が高いWebを作り出すための”考え方”を推し進めました。今年2016年は、さらにそれを踏み込んでいったという感じがします。 今回のI/Oで取り上げるのもそのひとつ。毎度お馴染みGoogle Developer A
2013年8月21日~23日の3日間にわたり、パシフィコ横浜にてゲーム開発者向けカンファレンス「CEDEC 2013」が開催された。ここでは、DeNAのUXデザイナー 山口隆広氏による講演「ソーシャルゲームの開発現場でUXについて思いっきりあがいてみた1年間の話」の内容をお届けする。 目次 ソーシャルゲームにおけるUXデザイナーの領域 ゲームを作るとき… 誤解されるUXデザイン UIとは衛生要因 ABテストではかるもの UXデザインのポイント UXデザイナーにできること 山口氏は2010年8月に企画職としてDeNAに入社。「農園ホッコリーナ」という女性向けのソーシャルゲームを担当し、モバゲー女性ランキング1位に導いた。 その経験を経て、現在はDeNAの特殊任務班SWATのUXデザイナーとして、ソーシャルゲームを含めた自社モバイルサービスのUX設計/開発/評価サイクルの推進を担当している。
【CEDEC2016】全てはプロデューサーが集中して楽しめるように! 『デレステ』UIの要諦は基本ルールと最小のパーツ 軽量版やウインクの秘話も明らかに Cygamesは、「アイドルマスターシンデレラガールズ スターライトステージ 制作事例・アート編 - 総勢60名のアイドルを最大限魅力的に表現し、ライブに集中する手法(モデリングとUI/UXデザイン)」と題するセッションを8月26日の「CEDEC2016」で開催した。モデリングパートとUI/UXデザインのパートに分かれており、今回はUI/UXデザインパートの模様をレポートする。UI/UXデザインのパートでは、Cygamesデザイナー部UIデザインチームマネージャーの中村ふじ子氏(写真)が登壇した。 『アイドルマスターシンデレラガールズ スターライトステージ(以下、デレステ)』は、「Mobage」で配信されている『アイドルマスターシンデレラ
ゲームとプレイヤーをつなぐものとして重要なユーザーインタフェース(以下,UI)。そのUIに込められているゲーム制作者の意図を解説する「エフェクト/UIモーションの役割〜背後にある意図とその実現」と題する講演が,2016年8月24日のCEDEC 2016で行われた。 講演を担当したのは,オインクゲームズでUIデザインを担当している新藤 愛大氏だ。カードゲームの開発で知られるオインクゲームズだが,スマートフォン向けゲームでも質の高いタイトルをリリースしており,同社の知見がどのようなものかは興味をそそられる。 実際に同社のデザイナーが,どのような意図を込めてUIを作り上げていったのか,その過程を見ていくことにしよう。 アナログのカードゲームをメインとしているオインクゲームズだが,コンピュータゲームもこれまで4本リリースしており,そのうち2本が,Appleが選定する2014年と2015年の「今年の
アプリマーケティング研究所 > アプリ開発 > 男性が理解できない「女の意思決定」を可視化した「女ゴコロフレームワーク」とは。ネイルアプリ「ネイルブック」が語るアプリ運営の生体験談。 「ネイルブック」を運営しているスピカさんにお話を伺いました。女性心理を理解するための3ステップ「女ゴコロフレームワーク」とは? ※株式会社スピカ 「ネイルブック」3代目ディレクター 正木友佳さん(初代ディレクターの川端さんにも同席いただきました) 「ネイルブック」が出来るまで。 「ネイルブック」について教えていただけますか? 川端: 「ネイルブック」は、ネイル写真を共有するアプリです、現在は10名のメンバー(うち女性4名)で運営しています。 ダウンロード数については、2011年4月にリリースして、現在120万ダウンロードです。海外からのダウンロードもありますが、アクティブユーザーは日本のユーザーがほとんどです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く