デザイナー向けにReactでUIを組んでみるワークショップをやってみた - freee Developers Hub
こんにちは、freeeのUXチームの id:ymrl です。 今日はアウトプット→思考デーということで、デザイナー向けにReactでUIを組むワークショップをいきなりやってみた話を書こうと思います。 私は昨年、エンジニアからデザイナーになりました 。そしてデザイナーの側に立ってみると、いろいろと効率が悪いなと思うところが多く、そこをどうにか打開できないかと思ってやってみたのがこのワークショップです。 しかしまだその状況は打開できていません。この記事はそんな中途半端な状態の話です。 freee のUI開発の現場、私の問題意識 前提として、freeeのUI開発について説明しなければいけません。 私がメインでやっているのはVibesというデザインシステムの開発です。VibesはfreeeのWebアプリケーションのUIを爆速でハイクオリティに開発できる状態を目指しています。それ以外にも、社内のアク
データ分析からUI改善 - クックパッド開発者ブログ
こんにちは。サービス開発部デザイナーの平塚です。 クックパッドでは一部のデザイナーは日々の業務でSQLを書いて数値を見たり、リリースした施策の分析を行っています。 このエントリーでは機能をリリースしてデータ分析し、そこからUI改善を行った事例について紹介したいと思います。 なぜデザイナーがデータ分析？ サービスやプロダクトを改善するには現状について定性的・定量的の両方を理解しておく必要があります。 そのため、自分が進める施策やデザインするものを数値で把握しておくことで、より納得感を持って施策を進められます。 データ分析というと数学や分析の深い知識が必要そう…と構えてしまう印象ですが、日頃から自分の担当分野の基本的な数値を見ておくだけでもデザインで悩んだときの判断材料として使えるなど、デザイナーが数値をみる利点は多々あります。 分析の流れ 私は最近からデータ分析に取り組み始めたのですが、今は
エンジニアでも一読の価値あり！UI / UXの入門スライド厳選10点まとめ
Webサービス開発にしてもアプリ開発にしても、ユーザーに気持よく使ってもらうにはUI / UXを工夫する必要があります。 多くのユーザーに支持されている大規模WebサービスやアプリのUI / UXをよく見てみると、ユーザーにストレスがかからないよう細やかな工夫が施されていることがわかります。 エンジニアにとってもUI / UXに関心をもっておくことは重要です。 フロントエンドエンジニアはもちろん、バックエンドエンジニアもユーザーにより良い体験を届けるためにUI / UXを学ぶことをおすすめします。 今回は、エンジニアがUI / UXを基礎から学ぶ際に参考になるスライドを厳選して10個まとめました。
Instagramの利用率を大きくアップさせた、わずかなコードの変更とは？ - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
上： iOSのInstagramアプリ上の写真家Lisa Bettany氏(@mostlylisa)のページ Image Credit: Ken Yeung/VentureBeat Facebook が所有する写真共有アプリ Instagram を開発するソフトウェアエンジニアたちは、アプリのパフォーマンスをいかに改善できるか常に模索している。パフォーマンスの改善というのは、完璧主義の行いのようにも聞こえるかもしれない。だが、実際にそうした行為が重要な指標の改善にもつながる。たとえば、ユーザーの利用が増えるというように。 それこそ、まさに最近起きたことだ。エンジニアは、モバイル端末上でInstagramの各写真に20個のコメントを表示させるという機能に疑問を抱き始めた（「全てのコメントを見る」をタップしたときに、コメントがより速くロードされるように）。彼らは、コメントの数を3つに減らす決断
The best icon is a text label — Thomas Byttebier
Previously I wrote about clarity being the most important characteristic of a great interface. Let’s talk about icons now. They’re an essential part of many user interfaces. The thing is: more often than not, they break clarity. Pictograms have been in use since the early days of mankind. They are often seen as the first expressions of a written language. Some non-literate cultures still use them
産業技術大学院大学で「人間中心デザイン」を学び始めました - 破いて捨てたノート
産業技術大学院大学が開講している 履修証明プログラム「人間中心デザイン」 を履修することにした。 履修証明プログラム「人間中心デザイン」とは？ 「人間中心設計（Human Centered Design）」の専門家を育成する文科省認定の社会人向けプログラムである。安藤昌也 氏を始め、人間中心設計やUXの第一線で活躍されている方々が講師を担当してくださる、大変貴重なプログラムである。 きっかけ 現在の職場にジョインしてから2年ほどの間、私はユーザーに使われないものを量産して時間を無駄にしてしまったと反省しており、その原因はいろいろ考えられるが、ひとつは、ユーザーの行動や心理を理解しようとしなかったこと、ユーザーはどんな課題を抱え、解決を望んでいるかを知ろうとしなかったことが大きいのではないかと考えている。 "Make something people want" -人が欲しいと思うものを作れ
ウェブサービスを開発するために詩を書いた話
Speaker: Lydia Di Francesco In this workshop, participants will delve into the realm of AI and its profound potential to revolutionize employee wellness initiatives. From stress management to fostering work-life harmony, AI offers a myriad of innovative tools and strategies that can significantly enhance the wellbeing of employees in any organization. Attendees will learn how to effectively levera
ショッピングカート | カラーミーショップ 集客に強いECサイト構築サービス
購入率と使いやすさにこだわった 売上アップを後押しするショッピングカート カラーミーショップのショッピングカートが多くの事業者に選ばれてきた理由をご紹介します。
UIデザイナー不要説 | lsd lab
最近UIについてもやもやしていることがあるので書く。間違った知識もあるかもしれない。 先日UI CrunchというUIの勉強会のようなものが開催され、僕はschooの動画配信を見ていたのだが、どうも根底に「UIデザインの重要性が日本では認知されていない」という共通認識が流れているように思える発表が多かった。デザイナー生存戦略やエンジニアとうまく付き合う方法等…。 僕も前のブログ(UID Lab)でそのようなことを訴えてきたので、あぁ、やっぱりみんな不安なんだなあと思ったが、逆説的に「僕らデザイナーが信じているUIデザインの価値なんて、本当は虚像なんじゃないか？」ということを疑ってみたい。 そもそも、なぜみんな「UIデザインが重要視されていない」と感じるのだろう？自分が日頃感じることを列挙してみる。 UIデザインが重要視されていないと思う理由 1. デザイン=見た目のことという認識 UIは目
現代のデザイナーは実装できて当たり前？GunosyのUIデザインチームが考えるエンジニアとの理想の関係 - エンジニアtype | 転職type
転職・求人情報サイトのtype エンジニアtype スキル 現代のデザイナーは実装できて当たり前？GunosyのUIデザインチームが考えるエンジニアとの理想の関係 2015.07.29 スキル BASEのCTOえふしん氏は今年1月の弊誌連載の中で、モバイルファーストの時代においては「フロントエンドを担う人材の作業範囲が、ビジュアルデザイン主流から実装主体へと移ってきている」ことを指摘していた。 >> UIデザインは結局誰の仕事なのか？スマホ時代のサービス設計で必要なスキルを再考する【連載:えふしん】 その作業範囲は時にはバックエンドにまで及ぶ。これだけの広範囲を適切にカバーできる人材は、それほど多くないというのが現実だろう。 そんな中、情報キュレーションアプリ『グノシー』を提供するGunosyのUIデザインチームは、所属する3人のデザイナー全員が日常的に実装までを担っているという。 Gun
今さら聞けないマテリアルデザインとは？5分でわかる解説 | SONICMOOV LAB
2014年6月にGoogleマテリアルデザインガイドラインが公開されてから、AndroidはもとよりiOSのアプリでも、このガイドラインを取り入れたUI/UXの優れた作品が多数出てきました。 今回はそんな相変わらずトレンディなマテリアルデザインのガイドラインをわかりやすく、ポイントを絞ってお伝えします。 目次 マテリアルデザインとは？ 平面なのに3D 紙とインク マテリアルデザインのカラー グリッドシステム アニメーション 心地の良い動き タッチフィードバック 意味を持ったアニメーション まとめ マテリアルデザインとは？ マテリアルデザインを直訳すると「物質的なデザイン」という意味です。 デジタルのデザインなのにどの辺が「物質的」なのか、それは次の2つの概念で表現されています。 平面なのに3D マテリアルデザインでは、要素の重なりを物理的にとらえ、平面の中に、明確なZ軸の概念を持たせていま
入力フォームのプレースホルダーを使ってはいけない
入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル
シリコンバレーのUXトレンド10選 / UX Survival Guidesレポート
先日、サンフランシスコで行われたUX Survival Guidesに行ってきました。10年以上シリコンバレーでUXデザイナーをしているJoe Prestonから最近のUXトレンド、プリンシパルに関するショートトークを聞くことが出来たので紹介します。(次回はプリンシパルについて書きます) https://www.youtube.com/watch?v=NEKvlVYR0SM&index=5&list=PLGkDzKLOoQkk2VaE_QDnE7h4FKlDbJF4Rミニマリゼーションとも呼びます。私たちがデザインを始めた90年代と比べて、非常に変化してきている流れの一つです。 背景、グラデーションや影、線、ラベル、、すべてのものを取り去ることが美しいデザインと考えられるようになっています。例えばグラフはこのようになります。
Private Presentation
Private content!This content has been marked as private by the uploader.
社内ユーザテスト勉強会のスライドを公開します - Hatena Developer Blog
こんにちは、id:uedayです。 5/22にはてな社内でユーザテストについての勉強会を実施しました。 良いユーザ体験には、ユーザが迷わず快適に操作できるインタフェースが不可欠です。 ユーザビリティを評価する方法としてユーザテストがありますが、はてなブログチームでは、「アジャイル・ユーザビリティ―ユーザエクスペリエンスのためのDIYテスティング―」という本を参考に、社内でユーザテストを行っています。 今回の勉強会は導入編として、ユーザテストのメリットや事例など基礎的なことを解説したスライドを発表しました。 ご興味のある方はご覧ください。 ユーザテスト社内勉強会 View more presentations from ueday_h アジャイル・ユーザビリティ ―ユーザエクスペリエンスのためのDIYテスティング― 作者: 樽本徹也出版社/メーカー: オーム社発売日: 2012/02/23メ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Uberの「急進的リブランディング」の全内幕
Cookpad Techconf@kimura 2016/01/23
Prott - Prototyping tool for Web iOS Android apps