ウォレットアプリに進化した『Kyash』UI・UX刷新のポイント解説 | CAREER HACK
Kyashが大幅の方針変更を行なった。これまでは送金アプリだったが、ウォレットアプリに進化。2018年3月にはUIも刷新。そのポイントについてサービス＆プロダクトデザイナーである成澤真由美さんに解説いただいた。 目次 ・はじめに ・ウォレットアプリ進化までの道のり ［1］現金チャージ機能の追加 ［2］Kyash Visaカードの発行フロー変更 ［3］UI変更にあたって｜ユーザーヒアリング ［4］UI変更にあたって｜segmented controlを不採用した理由 ・おわりに はじめに はじめまして、株式会社Kyashでサービス&プロダクトデザイナーをしている成澤真由美です。 Kyashはおかげさまでリリースから約1年、これまで個人間送金の体験を提供してきました。今後はさらなる飛躍を目指し、送金だけではなく決済を入口とした利用も促進していくことに。 そして2018年3月、これまで備わってい
バッドUIを改善する方法 ― UIの「5つの状態」を考える | POSTD
(訳注：2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか？ 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか？ もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです
サイトクオリティを落とさないためのWEBデザイナーがすべき「思いやり」の話 | 株式会社PLAN-B
デザイナーの方は経験がないでしょうか？ 案件のサイト制作が進むにつれて「あれ、パーツにばらつきがあるな…」「この動きじゃないのに…」「もっと早くエンジニアに伝えていれば…」ページが出揃いだしてから微妙な差異に気付いたり、納期直前で指摘しづらくなってしまったり。かく言う私もそんな経験のあるデザイナーの一人でした。 ほとんどのサイトがデザイナー1人で作られているわけではありません。サイト規模、プロジェクト規模により、チーム体制も変わりますが、エンジニアやデザイナーが複数人でサイトを作り上げることも多いのではないでしょうか。フリーランスのデザイナーであれば外部リソースとのやりとりなどが必要になる場合もあります。 今回はサイト制作時に役立つだけでなく、公開後のデザインを長く保ち、サイト規模が大きくなるほど重要になるデザインルールを共有するための、スタイルガイドに着目したいと思います。 スタイルガイ
デザイナーの成果物がふわっとした感じになってきているので一旦書き出してみた
デザインが重要！デザインとイノベーション！AppleやGoogleはデザインがすごい！みたいな話はだんだん当たり前になりつつあって、デザイナーのニーズが高まって求人サイトにたくさんの会社が広告を出していたり、日本では電通・博報堂とうビッグプレイヤーがデザイン会社を買収したり、ここ数年「デザイン良くしよう」みたいな方向へと急速に傾いています。 で、起業家や経営とかやってる人に「良いデザイナーいない？」って相談をされる。で、よくよく話を聞いてみると、それ自分でやれよ案件だったり、UIデザイナーって言ってるけどイラストレーターの仕事だったり、クオリティ求めてるのに給料別に高くなかったり、そもそも何をやらせたいのか考えられてないことが多い。デザイナーいれば何か良くなるみたいな幻想、あとはUIがキレイになればすべてがよくなるみたいな妄想も多い。 それらの原因として、発信力の強いデザイナーや経営者の言
佐藤可士和氏のGU新ロゴ
思いっきり仕事中ですが腹が立って仕方がなかったのでブログ更新します（どういう動機だ！） 佐藤可士和氏がGUというファッションブランドのロゴをリデザインしたそうです。まぁ言ってしまえば元のロゴも大して良くはないのですが、その新ロゴというのが笑止千万な出来なので徹底的に図解して非難したいと思います。 まずはその新ロゴ。和文の方もグリッド多用しまくりで個人的には酷いと思うのですが、まぁ欧文書体デザイナーの自分としての本題はGUなので和文はさておきます。またネットでは色がIKEAだとかTSUTAYAだとかEUだとかブックオフだとか色に関してのツッコミが多いようですが、やはり自分としては文字の形そのものに注目したいと思います。あ、あとGUの配置も右寄りすぎますが文字の形そのものに以下同文です。なにせブログをなかなか継続して書けないこの自分を書かせる気にさせるほど酷いんですから。 ソースの画像は低解像
デザインデータのバージョン管理ができるAbstractを試してみた✌ | UXデザイン会社Standardのブログ
複数人で1つのデザインデータを編集していると、突き当たるのが「どうやってマージするか問題」です。 作業人数分のデータを複製して用意したり、「これから◯◯.sketch触ります。開かないでください????」とチャットで周知したり……そんな経験をした方も多いのではないでしょうか。 そんなデザイナーの悩みを解決してくれるのが、今回紹介するAbstractです。 Abstractとは AbstractはアメリカのElastic Projects, Inc.が提供しているサービスです。どんなサービスか一言で説明すると「デザイナー向けのGitHub」といったところでしょうか。 Gitの仕組みを利用して、デザインデータ（.sketchのみ対応。Adobe系も対応予定）に対してブランチを切ったり変更内容をコミットしたり、差分をマージする、といったことが可能です。 まだ正式リリースはされておらず、現在はPr
「一歩踏み出してみる」と「やりきること」で掴んだデザイナーへの道 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのみやです。 ポケモンGOはUIが美しいですね。個人的に刺さったのは鳴き声を当時のままにしてくれたことです。 前回より�『デザイナーへの道』と題して、LIGのデザイナー陣がデザイナーを目指したきっかけや、LIGにジョインするまでのキャリアなどをご紹介しています。 ▼前回の記事 さて、第2回目にあたる今回は、Webデザインの専門学校を通じて、Webデザイナーになるというケースをお話しします。「Webデザインに興味あるけど今の仕事があるし……」「美大に行かないと無理なんでしょ？」と思っている方必見です。 Webデザイナーを目指したきっかけ 大学の委員会で広報用のWebサイトを作り、Web制作の楽しさにハマる 僕がWebと出会ったのはかなり遅い方だと思います。それまでPCの扱いは比較的詳しい方でしたが、HTMLやCSSについては存在すら知りませんでした。大学で所属していた委
事業での実践としてのUXデザイン @ 『UXデザインの教科書』出版記念セミナー
2016/06/18の 「『UXデザインの教科書』出版記念セミナー:UXデザインの理論と戦略」 で発表したスライドです。 理論・プロセス・手法と戦略に対して、事業の現場での実践の現状とこれからについての内容です。 特にネット系で自社サービスを提供している方に見ていただけるとありがたいです。 ※Kyenoteで作成したファイルをPowerpointに変換してアップロードしたため、レイアウト等に異常がある可能性があります。Read less
UXデザイナーが直面する、体や心を壊す状況について
UXデザインの業務をはじめてはや5年。 自分自身も三十路超え、ついでに体重も肥え、文字通り『脂がのってきたかんじ』の状況ですが。 5年の中で、先輩方が体を壊したり、自分自身もあと数歩で体を壊すのでは？というところにいったことを、ふと@VoQn氏のツイートでおもいだしました。 (酔ってきたからいいかげんな事言う)「UIデザイナー」っていう「ロール」は充てちゃ駄目です。その子、全ロールの要求に頭がパンクするか、人材として潰れてしまうまでタスクが積まれて心療科通いになっちゃいます (続く — ぼうくん (@VoQn) 2014年11月18日 ※詳細 @transit_kix姉さんがまとめてくれている「酔ったぼうくん氏語る「ポジションに据える形での“UIデザイナー”というセクショニングの危険性」 「フルスタックデザイナーになろう！デザイナーもコードをかくのが当然」「デザイナーもUXデザインで上流工
フロントエンド視点：デザイナーと協業して作るスタイルガイドの難易度を下げる
前回 Atomic Design を実案件に導入した話で触れたコンポーネントリストを作り始めたとき、個人的にいろいろと学びがありました。 コンポーネントリストやスタイルガイドは、フロントエンドエンジニアとデザイナーが協業して作る必要がありますが、この協業がなかなかうまくいかず、スタイルガイド運用をワークさせるのは難易度が高い印象がありました。 自分自身、今まで携ってきた開発プロジェクトにおいて、うまくワークしたと思えるスタイルガイド作りができなかったのですが、現在のプロジェクトで開発初期からスタイルガイドを作り、リリース後、運用フェーズまでワークさせることができました。 本記事ではフロントエンドエンジニアとデザイナーが協業してスタイルガイドを作り始めるにあたって気をつけたことについて書いていきます。 共通言語としてのスタイルガイド 開発において、スタイルガイドが欲しい理由は、開発中のコミュ
プロデザイナーの素質とは？プロになれる人はここが違う デザイン会社 ビートラックス: ブログ
「はたして自分はデザイナーに向いているのだろうか？」デザイナーを目指す人が必ずは自問自答した事があるはず。 特に最近のデザイナーに求められる範囲が、ビジネスやコミニュケーションまで広がり、幅広い教養とバランスの取れた感覚が必要とされてきている。今までの様に「黙って良いものを創る」職人気質ではデザイナーとしての仕事に限界が訪れている。 デザイナーの役割とその意外な仕事内容とは デザイナーというのは最も残酷な職業の一つで、、10分で最高のデザインを創り出せるデザイナーもいれば、10時間掛けてもしょぼいものしか出来ない人もいる。勉強と頑張り、それだけでは乗り越える事の出来ない壁がデザイナーという仕事には存在する。起業家が特殊なDNAを持ち合わせている様に、恐らく優れたデザイナーには何かしらの遺伝子が組み込まれているはずだ。 デザイナーを目指す前に知っておいてほしいこと: 【対談】上杉周作 x B
デザインの知識を独学で身につける！デザイナー初心者が絶対に見るべきサイト20選
Webデザイナー初心者の方は、日々の仕事で知識やスキル不足に頭を悩ませる場面が多いのではないでしょうか。だけど時間もお金も足りない新人にとって、学校に通ったり、腰を据えて教科書を読んだりというのはなかなか難しいもの。 そんなときは、Web上の有益なサイトで勉強するのはいかがでしょう。今回はWebで見ることができる、教科書並の情報量のサイトや、Webデザインの参考になるサイトなど、全部で20サイトをまとめました。 Webデザインの教科書として読みたいサイトまずは、Webデザインの基本から応用まで網羅的に揃っていて、まさに教科書のように使えるサイトを紹介します。どれもブラウザに開いて常備したいサイトばかりです。 1. Webデザインレシピ ※2020年8月現在、掲載終了 一つひとつの記事にボリュームがあり、ここを読めばWebデザインについて体系的に学べる、まさに教科書のようなサイトです。サイト
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
