システム開発会社がプロトタイピングツールを導入すべき理由｜Yuichi Ohori
開発会社のみなさまこんにちは。 自分はUI/UX専門のデザイン会社を経営してきました手前、数多くの開発会社の方々とお仕事をご一緒してきました。 システム開発の市場規模は大きくIT業界全体で約13兆円。○ずほ銀行の案件は都市伝説のような工数が話題ですが、数百億円のプロジェクトも存在します。ただ多くのシステム開発案件にUI/UXデザイナーは見当たりません。 RFPに基づいた提案に、クライアントの要望を満たすべく要件定義を進めて出来上がったシステムにおいて、ユーザビリティは完成してやっと評価が可能になります。 本来は開発側が主導してユーザビリティを担保すべきですが、エクセルで作られた要件定義書、パワポにキャプチャが貼られた画面遷移図からユーザビリティを論じるのは不可能です。 そういった状態でUIデザインのご相談を受けたとき、弊社ではまずプロトタイプを用意し、仕様どおりに作った場合の完成予想図を示
どういうデザイナーとだと仕事しやすいか - Konifar's ZATSU
デザイナーさんと昼飯を食っていたら急に「どういうデザイナーとだと仕事しやすいですか？」と聞かれ、しばらく考えて色々話したけれどいい感じに伝えられなかったのでここに書き出しておきたい。 先に言っておくと、これはデザイナーさんの良し悪しの話ではなく、あくまで自分の経験的にこういうことを意識してくれていると楽だったなーやりやすかったなーという感想でしかない。人によって仕事のスタイルが違うのは当たり前だし、やり方を強要するつもりはない。ただ、お互いにこういう振る舞いだと仕事しやすいというのを伝え合うのは大事だと思うので、あくまでこういう風に考える開発者もいるんだなぁくらいにとらえてもらうのがいいのかもしれない。 1回目に見せるラフを作るまでがとにかく速い 人に見せる時に、今の完成度やどういう粒度のフィードバックを期待してるかを先に伝えられる 何かフィードバックを受けた時に、なぜ自分がそうしたかを論
Yaku Han JP - 約物半角専用のフォント
ゴシック体 明朝体 丸ゴシック すべて カッコのみ Hiragino Noto 横書き 縦書き w100 w200 w300 w400 w500 w600 w700 w800 w900 0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.5rem 2rem Before 「約物半角専用のWebフォント」を優先的に当てることによって、Webテキストの日本語に含まれる約物を半角にすることができました。例えば「かっこ」や『二重かっこ』、【バッジに使いそうなかっこ】などを半角にできます。ウェイトは9種類。Noto Sans JPに沿っています。 <!-- HTML：CDNリンクを貼り付け --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@4.1.1/dist
読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note
noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも
U-NEXT キャリア
U-NEXTは、2007年にサービスを開始した動画配信サービスのパイオニア。「ひとりひとりに、最高の時間を配信する。」 をミッションに、いま次のステージに進むべく、新たなメンバーを積極採用しています。会社についての情報はコーポレートサイトもぜひご覧ください。
Button Design Over the Years – The Dribbble Timeline | Toptal®
Digital design and UIs are evolving at an incredible pace, and the styling of buttons along with it. The Dribbble Button Timeline shows us how button styles have developed over the past decade. authors are vetted experts in their fields and write on topics in which they have demonstrated experience. All of our content is peer reviewed and validated by Toptal experts in the same field. Digital desi
CASHのデザインプロセスが凄すぎて思わずブログを書いてしまった話
ここが決定的に違うんです。 微妙なサービスの多くは機能ドリブンのあやふやなゴールセッティングでデザインを始めてしまうため、要件がぶれてしまい「他行では○○だ」とか「マネジメントが××と言っている」という非論理的な要件をただ浴び続けるだけに陥りがちです。 どの高みを目指すかによってデザインの重要度は大きく変わります。 極論とりあえず1個の機能としてあればいいのなら、デザインなんかいらないわけです。存在することが付加価値なので。 凄さポイント：ゴールから逆算して論理的に要件が導き出されている 凄さ2：ありがちなデザインをなぞる ゴールが明確になり、要件が決まったとしても、その最適解を生み出すプロセスは違いを生む大きな要因になります。 特に金融系のようなどちらかというとオールドな業界の場合、新しいことやサービスをやろうとすると「新しいからOK！」的なデザインがまず出てくることが多いのですが、なぜ
【考えの伝え方】情報を視覚化してみよう！｜Goodpatch Blog グッドパッチブログ
自分の考えをうまく人に伝えられないことはありませんか？ 自分の頭の中にある考えやイメージを、直接相手の頭の中に送ることができれば簡単に伝えることができるかもしれませんが、そういうわけにもいきません。 ですが、直接送ることはできなくても、情報を視覚化することでより伝わりやすいように工夫することは可能です。 実際に身の回りでは、情報を伝えるために視覚化されたもので溢れています。 そこで今回は、考えを伝える1つの手段として、情報を図解して視覚化する方法をご紹介します。 「情報を視覚化する」とは？ 情報の視覚化とは、文字通り、情報（考えていることや伝えたいこと）を、図解表現などを用いて目に見える状態にすることです。 メリット 自分の思い描いているイメージや、言葉で明確に言い表すことができない事柄を目に見えるようにすることで、その情報の関係性や構造が的確に伝わります。 また、人は実際に目に見えるもの
デザインするのを忘れがちなデザイン要素のまとめ
ロゴ、ナビゲーション、ヘッダ、見出し、画像など、Webページやスマホアプリには、さまざまなデザイン要素が必要です。もちろん、これらを忘れることはないでしょう。 思わず、デザインするのを忘れがちなデザイン要素を紹介します。 もちろん、ここで紹介する50個すべてが必要ではありませんが、プロジェクトごとに合わせてご利用ください。 そういえば、フォームのサンキューページをいつも忘れるデザイナーさんが昔いました。 50 Things You (Probably) Forgot To Design 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ログイン・サインアップ関連のデザイン要素 ファースト エクスペリエンスのデザイン要素 小さいけれど大切なデザイン要素 割と目立つデザイン要素 プロフィールスタッフのデザイン要素 ユーザーのさまざまな
「デザイン落とし穴」という話をしてきました - transitkix design log
transit_kixです。 UX MILKの三瓶さんにお声がけしてもらい、先日ux failconというUIデザインやUXデザインに携わっている人々の集まるイベントに登壇してきました。 登壇資料 内容は、サービスデザインにおいて仮説→検証→実行のそれぞれのフェーズで陥りやすいケースについてお話ししました。 ユーザーストーリーを吹き出し形式に これは簡単で比較的効果があるので、初心者で勉強したい人はどうぞお試しあれ。 当日の様子 DMMさんの新オフィス、壁に本物の植物が生えています。 他の登壇者の方の失敗談も面白かったです。 「賃貸住宅「コンセントハウス」のデザイン」(シャープ/電化美術の中田 裕士さん)
CodeGrid 歴代Tシャツ - understandard
CodeGrid の5周年パーティーに参加したとき、デザインを担当している小原さんに「まとめて写真アップしますね！」と宣言した CodeGrid パーティーの歴代Tシャツたちです。 1周年パーティー 僕が初めて参加したのが2周年のときからなので、本来はゲットできていなかった初回のTシャツ。 会社の片付けをしているときに偶然見つけたそうで、4周年パーティーのときに販売してたのをゲット。 2周年パーティー これが一番のお気に入りだったんですが、着すぎてヘタれてしまいました。 文字とキャラクターのところがモコモコになっているのがまたよいです。 3周年パーティー 3周年目は2種類。 前年の反省を活かし、それぞれ2枚ずつ買うことにしました。 2周年のデザインの色違い。このバージョンはモコモコしてないです。 家政婦は見た的なグリオくん。 4周年パーティー 4周年目も2種類。 〆切に追われる C ちゃん
Painting with Code
Today, we’re excited to share a tool we built to help bridge the gap between designers and engineers working on design systems at scale. React-sketchapp is an open-source library that allows you to write React components that render to Sketch documents. If you’re a designer or an engineer familiar with React, you should feel right at home with the new library, and you can play with it right now. H
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
note ――つくる、つながる、とどける。
cakes（ケイクス）
最近のWebサイトで使われてる、UI要素をデザインするテクニックのまとめ -Little UI Details by Steve Schoger
Brandmark Logo Maker - the most advanced AI logo design tool
移動しました - SmartHR Tech Blog
Backlog UI リニューアルの舞台裏 / Backlog Renewal UI
void GraphicWizardsLair( void ); //