2017年4月13日の「DevLOVE 関西『デザインリニューアルの難しさ』」にて発表された、Backlog UI リニューアルの舞台裏のスライドです。
【CEDEC2016】全てはプロデューサーが集中して楽しめるように! 『デレステ』UIの要諦は基本ルールと最小のパーツ 軽量版やウインクの秘話も明らかに Cygamesは、「アイドルマスターシンデレラガールズ スターライトステージ 制作事例・アート編 - 総勢60名のアイドルを最大限魅力的に表現し、ライブに集中する手法(モデリングとUI/UXデザイン)」と題するセッションを8月26日の「CEDEC2016」で開催した。モデリングパートとUI/UXデザインのパートに分かれており、今回はUI/UXデザインパートの模様をレポートする。UI/UXデザインのパートでは、Cygamesデザイナー部UIデザインチームマネージャーの中村ふじ子氏(写真)が登壇した。 『アイドルマスターシンデレラガールズ スターライトステージ(以下、デレステ)』は、「Mobage」で配信されている『アイドルマスターシンデレラ
モバイルファースト室の @slightair です。 先ほど、デザインをリニューアルしたクックパッドiOSアプリ 6.0.0 をリリースしました。 https://itunes.apple.com/jp/app/kukkupaddo-no.1reshipi-jian/id340368403?mt=8 この記事では、どのようにして新しいデザインをiOSアプリに適用していったのかを紹介したいと思います。 新しいアプリの画面 スクリーンショットを見ていただければわかるように、全体的にフラットな印象を与える画面に変わりました。 トップ レシピ詳細画面 サイドメニュー この記事で全ての画面を紹介することはできませんが、ぜひダウンロードしてお手持ちのiOS端末で触ってみてください。 新デザインの適用 基本的には、画面デザイン案をもらい、既存のアプリを修正して少しずつ適用していく形で進めていきました。
【インタビュー】クックパッドのUIデザイナー:「エンジニアの仕事が0を1にする仕事なら、デザインは1を100にする仕事 」 Startup Datingでインタビュー連載を始めてみることになりました。さて連載の初回は、2011年に新卒としてクックパッドに入社し、現在UIデザイナーとして活躍する片山育美さん。片山さんが現職に就くまでの道のりや、クックパッドのUIに関する考え方、片山さんが手がけた具体的なUI改善の事例やヒントなどをたっぷりお伝えします。 美術大学で勉強、もともと職人になりたかった もともと絵を描くのが好きだし得意、高校のときから職人になりたいと思っていたと話す片山さん。美術大学に進学し、ファイン系とデザイン系でデザイン系を学ぶことを選択。ファイン系とは、絵画や彫刻などいかにも“アート”というもの。ファイン系が芸術だから、どこか自分の中で完結してしまうところがある。でも、職人っ
クックパッドのユーザーファースト推進部 部長でデザイナーの池田拓司さん。多摩美術大学を卒業後、ニフティに入社。その後、はてな を経て2012年にクックパッドへ入社しました。 社内のメンバーから、「新規事業が増える中で、クックパッドらしさを守る“クックパッドの良心”」と表される池田さん。彼が言語化し、社内外に対して守り抜く「クックパッドらしさ」とは。 生活に近いサービスをつくりたい デザイナーとして新卒入社したニフティで3年間働いた後、まだ当時10名ほどだった はてなに転職した池田さん。より生活に近いサービスをつくりたいという思いで、7年間勤めた はてなからクックパッドに転職しました。 2014年4月に「デザイン部」は名前を変え「ユーザーファースト推進部」に。社長直轄の部署であるため、お客様の声が経営陣にも届きやすい体制が出来ています。現在はデザイナーを中心とする8人のメンバーで構成されるチ
あけましておめでとうございます。 新年になり、すこしゆったりとした時間を過ごす事ができました。せっかくなので、去年からずっと思っていたUIデザイナーについて思った頭の中のことをまとめたいと思います。 WEBのUI設計よりも、明らかにゲームの方が難しい これは結構何度も言ってますが、ゲームの設計(ゲーミフィケーションのアプリ含む)の方が明らかに「やることが多い」です。 もっとプレイしてもらうには?ゲームが終わったときに、どのような設計になればもう一度やってくれる? チュートリアルは必要?やりこみ要素はどうする?ソーシャルとどうやって連携する?ポイント加算の条件は?アクショナブルフィードバックは?日常で使ってくれるような設計には何が必要?盛り込みすぎではないか? などなど、考えることが多いです。 このあたりは、ソーシャルゲームが本当に上手にできてるなーと思っているので、日々勉強しています。 ゲ
ちょっと前にJonas Erikssonさんというデザイナーのつくった「76-Synthesizer」という架空のiPhoneアプリのUIデザインがめちゃくちゃセクシーで驚いたんですよ。色っぽいとしか表現しようがない。 最近のiPhone/iPadアプリのデザインとか見てると、ものすごくよくできているものがたまにあって、フォトリアリスティックなんだけど真俯瞰でUIっぽさを担保している...みたいな独特の質感になってる。こういうデザインって、UIデザインの歴史としてとらえると、まず、OSで描画できるグラフィックが32ビットになったことからはじまり、Photoshopの機能の充実、デザインのメソッド化、Illustratorのグラデーションマップ芸の成熟なんかも影響して、結構自然な流れのように感じちゃうんだけど、グラフィックデザイン史として見るとかなり特異な状況になってきているんじゃないかとい
私はユーザーインタフェース(UI)デザインの専門教育を受けたことがあるわけではないですし、ましてやデザイナーでもありません。 ただ、機能やシステムの使い勝手、ユーザビリティについては常日頃から問題意識を持って接してきました…というと大仰な感じですが、日常生活をしている中で、機械と接するときに「ん?」と思う状況を、なるべく見逃さないようにして生きています。 「ん?」と思う状況というのが「ユーザビリティへの違和感」を覚えている瞬間だと思います。 例えば。 最近はだいぶ減っていますが、Webサイトを見ていて「ある製品の画像の拡大ボタン」が掲載されているページ。 マウスカーソルを合わせるとそれがリンクになっていることは分かるのですが、マウスオーバーしてもノーリアクション。 せっかくボタンにしているなら、マウスオーバーで色が変わるとかしてあげれば、もっと気付いてもらいやすくなるのに…。
入力項目の説明 入力項目の説明は、フォームの前に書くべきです。フォームの後に解説があると、ユーザが音声ブラウザやコンパクトブラウザ等を利用していた場合、入力した後に説明に気づくことがあります。 悪い例× メールアドレス
先日モバプロをスマートフォン版として提供を開始しましたが、いろいろと試行錯誤し、おそらくそれが今後も続くので忘却録に、ということで自分なりの考えをまとめてみることにしました。なおこの見解は私の個人的な見解にとどまるものです。 1.アプリ版でいくのかウェブ版でいくのか 当面はJAVA BREWなどのダウンロード型アプリから利用率が高まっているモバイルウェブサービスに注力を置くという方向性の中で、スマートフォンについてもまずはウェブ化で対応することになりました。もちろんウェブ化させた上でアプリ版の提供も考えるという形です。 そうはいってもアプリ版ではなく、ウェブ版に踏み切るにあたり、最近はスマートフォン向けウェブサービスのノウハウ・ナレッジがこの半年ぐらいで日本語の情報でいろいろと出てくるようになった、というのが結構大きかったと思います。また、個人的にはSNSさんがウェブでごりごりサービスを作
UIについて徒然と考える自分用メモ、2回目はフィードバック。ユーザーに「何かがおきたよ!」と如何に明解に知らせるか?1回目はこちら 随時増えたり減ったりするよ。自分の主観だから間違ってることもチラホラあるかもよ。 振り返ってみてTiltShiftGenでは、遷移系のフィードバックは少なめにして、情報系のフィードバックを多めに調整してたんだなぁとシミジミ。多分、ブラーの処理が重かったからだと思う。隙をみてバージョンアップしたい。 一般論 ・フィードバックとは? ユーザーの操作に対して、結果を返すこと。操作の実感。 ・フィードバックのないアプリは痛覚の無い人間。 ・物理的なフィードバックもソフトウェア的フィードバックもなければ、ユーザーは何がおきているか知覚できない。 ・何かが起きたら必ずユーザーに通知する。 ・適切なフィードバックが行われるとユーザーは快感を感じる。 ・新雪に足跡をつけたり、
ジェスチャーには一貫性がなく、コマンドははっきりしない。警告は見落としやすく、確認ダイアログは不便である。でも、プレイは楽しい。 Kinect Gestural UI: First Impressions by Jakob Nielsen on December 27, 2010 日本語版2011年2月22日公開 Kinectは体の動きによって完全にコントロールできるというビデオゲームの新しいシステムである。なんとなくWiiに似ているが、コントローラーは用いない(そして、テニスで攻撃的なスイングをしていて、Wiiのリモコンスティックを手から離してしまい、リビングルームがめちゃくちゃになるというリスクもない)。 Kinectはビデオカメラを通して、ユーザーを観察し、手や腕、脚、全体の姿勢等の身体の部位から構成されるジェスチャーを認識する。例えば、私はKinectのフィットネスのプログラムから
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く