株式会社つみきのUI/UX事業部の事業部長をしています。アプリデザインとWebサイトの受託制作業務を行う事業部です。社内マネジメントとクライアントへの提案業務の他、デザイナとエンジニアの経験があるため、相互の橋渡し的な仕事をする機会が多いです。 自分にとって未知の領域の仕事を、楽しみながら取り組めるのが強みです。
コラム メディア環境研究所 CES2017レポート(前編) ~変わるインターフェース~ 加藤 薫メディア環境研究所2017年2月1日 今年も、全米家電協会(CEA)主催で米国ネバダ州ラスベガスにて行われた「Consumer Electronics Show(CES)」に取材に行ってきました。CESは家電新製品のお披露目の場として知られており、今年が50回目の開催となる非常に歴史があるコンベンションです。ここ数年は家電のみならず、テクノロジーを使った製品やサービスを幅広く扱い、車メーカーやスタートアップ企業までもが多数参加する世界最大級のコンベンションとなり、その一年の業界トレンドを示唆する場として、業界内外の熱い注目を集めています。 「つながる、わかる」から「(実際に)できる」へ CESの潮目が変わったと言われる2015年は、IoT(Internet of Things )というキーワード
※現在、フリーランスエンジニアとして活動しております。業務委託のご依頼がありましたら、お気軽にご相談ください。 バックエンド(Node.js, PHP)、モバイルアプリ(Swift, ReactNative)、フロントエンド(React, Vue.js)など幅広く担当しています。インフラ構築についてもAWSののクラウド環境の構築、Kubenetesの環境構築なども経験しています。 また、要件のヒアリングから、アーキテクチャの決定、実装、検証、運用と幅広く経験しており、PMや開発チームのリーダーも経験していることから、ビジネスサイドとの調整やメンバー間のコミュニケーションを得意としています。 海外の案件の実績もあり、海外のエンジニアとのコミュニケーションも可能です。 【言語別のスキル】 <バックエンド> PHP、Node.js(TypeScript)、SQL <モバイル> Swift、Rea
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
2014.11.19 / UI 画面遷移に疑問を感じたあなたにオススメするUI Flowsというツール Tomohiro Suzuki クライアントやディレクターから渡された画面遷移図を元にワイヤーフレームを作ってみると、後から足りない画面が次々に発見された、または画面内の情報がどこに繋がるのか分からないといった経験はありませんか? この画面遷移図というものは本来は制作範囲の全体像と構造を明確にし、必要な画面というものを洗い出したりするものです。通常のWebサイトであれば、従来のような画面遷移図でも問題ないかもしれませんが、多くのインタラクションが発生するサービスの設計では複雑化しやすく、何度も情報を行き来して確認することになるため時間がかかります。 原因のひとつとして、画面遷移図では画面名のみを記載して繋げていくことになるため、必要な情報が不足していることが挙げられます。その結果、本来で
白状しますが、私にはひどいダッシュボードを構築してきた責任があります。個人的に、この記事に書いた間違いのほとんどを犯してしまいました。ユーザに謝罪するとともに、同じ過ちを繰り返さないことを誓います。これらの過ちが悪い見本として、プロジェクトマネージャやデザイナ、エンジニアがひどいダッシュボードを構築したり確認したりする無駄な時間を少し減らすのに役立つことを願います。 法則1:ほとんどのソフトウェアのダッシュボードはひどい ひどいと言うのは このGoogle画像検索 のようなひどさ(まだ吐いていませんよね?)のことではありません。退屈で、設計が不十分で、有用性も一切ないという意味です。 信じられませんか? では、今すぐ優れたダッシュボードのソフトウェア名を3つ挙げてみてください。 見つかりましたか? ええ、そうだと思いました。しかし、ダッシュボードはどこにでもあります。あなたが使っているSa
2014年10月15日(木)、渋谷ヒカリエにある株式会社 DeNA の Sakura Cafe という超絶シャレオツなカフェスペースで UI デザインをテーマにしたコミュニティイベントが開催されたので、僕 wakamsha がお邪魔してきました。 UI Crunch とは? UI デザインに関わるすべての人の為のコミュニティ http://ui-crunch.com/ UI Crunchは、UI デザインを追求していくコミュニティーです。デザイナーだけではなく、エンジニアからディレクターまで、UI 開発に関わるすべての人を対象とした勉強会やワークショップを渋谷周辺にて定期的に開催する予定です。第1回は UI に関するスピーチ&パネルディスカッションを行います。 UI Crunch #1 - connpass 70人の参加枠も受付開始からあっという間に定員になってしまい、最終的には343人も
Last week, TechCrunch paid a visit to Apple’s Austin, Texas manufacturing facilities. Since 2013, the company has built its Mac Pro desktop about 20 minutes north of downtown. The 400,000 square foot facility sits in a maze of industry parks, a quick trip south from the company’s in-progress corporate campus. In recent years, the capital…
スマホ大画面時代、親指リーチ範囲が鍵となる新たなインターフェースデザイン2014.09.25 21:0010,005 そうこ 片手で扱うならば、親指がスマートフォンの鍵となる。 スクリーンの巨大化ーー賛成反対と意見がわかれつつも、アップルがiPhone 6/6 Plusをリリースしたことで、ついにスマホ大画面時代が一気に花開きました。初動で歴代予約記録を更新した新型iPhone、つまり世の中もこの時代の流れを受け入れたのではないでしょうか。 3.5~4インチのディスプレイは、急激にその姿を消しています。Adobeによるモバイルベンチマーク2014年レポートでは、4インチ以下のスマートフォンでのWeb観覧は11%も減少しているのです。 時は大画面。とはいえ、はてしなくディスプレイが大きくなるわけでもありません。大画面時代を先行してきたAndroid端末でも、最も好まれているのは5.1~5.7
Introducing Sessions: the latest product from Waldo!
Googleは6月26日より、開発者向けにAndroid OS最新バージョン「Android L」のプレビュー版を公開している。Nexus 5にインストールして数日使ってみたので、ユーザーが大きな変化を感じるであろう部分を中心にレビューしてみたい。 Android LをインストールしたNexus 5を起動した時の第一印象は、「新鮮味を感じない」ということだった。 デフォルトホームアプリはGoogle Nowランチャーであるため、Android 4.4 KitKatと同様にステータスバーと下部メニューが透過されている点は変わらず、一新される予定の各Google製アプリのアイコンも旧デザインのままだからかもしれない。ホームスクリーンをパッと見て分かるのは、下部のナビゲーションバーのデザインが変更されていることと、デフォルト壁紙が変わったことくらいだ。 しかし、少し触ってみれば、すぐに着実で大き
「Empty Data(またはEmpty Status)」というUIパターンがあります。タイムラインやドロワーなどデザイナーであれば知っているUIパターンの名称に比べると、あまり日本では聞き慣れないのかもしれません。Empty Dataは簡単に言うとデータがない時のUIになります(Webでの404に近いですが、少し違います)。では、Empty Dataを知るためにもう少し詳しく紹介していきたいと思います。 参考:モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 Empty DataはUIである Empty Dataはただユーザにデータがないことを示すだけではありません。ユーザにデータが存在しないという情報をフィードバックし、どうしたらここに情報が入るかのアクションに繋げる立派なUIです。もしEmpty DataのUIが存在しなかったらユーザはどのように感じるでし
ユーザの主体的経験を指すUXと、ユーザが製品やシステムとインタラクションする場であるUIは、言葉の次元が異なり、同列に議論できるものではない。この併記には、UIデザイナの多くがUXデザイナに変身したということと、UXというキーワードが「流行語」であったということが関係しているというべきだろう。 黒須教授 2014年5月7日 タイトルのようにUX/UIと二つの概念を併記することが流行しているようだ。Googleで検索したところ、なんと719,000件もヒットした。ちょっとそういう流行に疎かった僕は、先日UXに関する講演を行ったときの質疑で、UX/UIについてどう思うかと聞かれ、ん、何のことを聞きたいのだ、と戸惑ってしまった。こうした背景のあることに思い至らなかったのである。 なぜなら、UIはユーザが製品やシステムと相互作用(インタラクション)する場のことであり、UXはユーザの主体的経験のこと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く