知識０から、ちょっとUIデザインに詳しくなるnote｜やました

2024/01/27 1040 users Note UIデザイン 知識 施策 ユーザビリティ評価

前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについ... 続きを読む

「ベクトル検索 vs 全文検索」〜Amazon Bedrockの埋め込みモデルを用いたプロトタイピング〜 - コネヒト開発者ブログ

2023/12/08 172 users ベクトル検索 Amazon Bedrock 全文検索 モデル

※ この記事は、AWS (Amazon Web Services) の技術支援を受けて執筆しています。 はじめに この記事はコネヒトアドベントカレンダー 8日目の記事です。 コネヒト Advent Calendar 2023って？ コネヒトのエンジニアやデザイナーやPdMがお送りするアドベント カレンダーです。 コネヒトは「家族像」というテーマを取りまく... 続きを読む

DBサーバでUPDATE/DELETEを打つ安心感を高める

2023/02/22 94 users Delete RDBMS 手癖 update MySQL

近年はDBサーバで直接UPDATE/DELETE文を発行する場面はかつてより減ったように感じますが、引き出しとして持っていて損はないと思ったので私が普段やっている方法をメモしておきます。 プロトタイピングだったり、開発環境でも有効なので手癖にしておくのは有効だと考えます。 MySQLを例に書いていますが、対象のRDBMSは... 続きを読む

Wordleの漢字バージョン「漢字ル」を作った - 詩と創作・思索のひろば

2022/02/07 126 users motemen wordle 思索 ひろば 本家

漢字ル こういうやつです。ぜひトライしてみてくださいね。 プロトタイピングのつもりができてしまった！ 漢字版 Wordle。激ムズ 漢字ル 1 8/20 ⬜⬜🟥🟧 ⬜🟥⬜⬜ ⬜⬜⬜⬜ ⬜⬜⬜⬜ 🟥🟥⬜⬜ 🟧⬜🟥⬜ 🟩⬜⬜⬜ 🟩🟩🟩🟩https://t.co/jgITM4Edb4 pic.twitter.com/oQLiWL8kun— 美顔器 (@motemen) 2022年2月2日 本家の W... 続きを読む

MVP（Minimum Viable Product）の意味を理解する。そして、なぜ私はEarliest Testable / Usable / Lovableを好むのか。 | ANKR DESIGN | デザインリサーチ・プロトタイピング・サービスデザイン

2022/01/25 390 users 至る所 Jeff Patton プレゼン Usable ＭＶＰ

‍ 数年前、私はこんな絵を書いて、アジャイル開発やリーン開発のついての様々なプレゼンで用いた。 そこから、この絵は急速に広まっていった！記事、プレゼン、さらには本（Jeff Pattonの”User Story Mapping”という素晴らしい読み物なのだが）にまで至る所で姿を見せた。多くの人がこの絵は反復型開発、リーンスタート... 続きを読む

Atomic Designの日本語スライドに正しさを求めるのは間違っているだろうか - Qiita

2019/01/04 54 users Qiita コンポーネント指向 Atomic Design

はじめに Atomic Designとはこのリンクに書いてある感じの奴です 最近のコンポーネント指向のフロントエンドでAtomic Designで失敗するチームの話をちらほら聞きます 自分も1度は失敗しました。そりゃプロトタイピングもしたことなかった状態でAtomic Designでこった画面を作ったので当然ですが。(逆に1つ目の画面で失敗... 続きを読む

「高齢者UIプロトタイプ検証の学び」についての重要ポイントと質問の回答｜敷地 琢也/エンジニア Ubie｜note

2018/11/19 65 users shikichee Ubie 琢也 プロトタイプ 知見

こんにちは。Ubieエンジニアの敷地(@shikichee)です。 11/16 (金)に、s-dev talks 〜サービス開発勉強会〜 #5 「プロトタイピング」が開催されたのですが、20分の枠で登壇してきました。 AI医療系スタートアップのUbieにて、目的なきプロトタイプの失敗事例と、課題発見のために何をしたか、高齢者向けデザインの知見に... 続きを読む

Githubがデザインシステムを作るまでの道のり（前編） | UX MILK

2018/04/25 130 users GitHub Etsy UXPin 道のり プラットフォーム

Jerry Cao氏は、UXPinのコンテンツストラテジスト。プラットフォームのワイヤーフレーミングとプロトタイピングを行うためのアプリ内およびオンラインのコンテンツを開発しています。 Diana Mounter氏はGithubのプロダクトデザイナーおよびデザインシステムのリーダーです。 デザインと開発において15年近いキャリアをもつ彼女は、Etsyでシニアデザイナーを務めた後、2015年末にGi... 続きを読む

Webサイト・スマホアプリ制作に使用する、2017年に人気が高かったデザインツールの調査結果 | コリス

2018/01/31 53 users コリス インターフェイスデザイン ブレインストーミング 英語

2017年、デザイナーに人気だったデザインツール、プレインストーミング・アイデアのツール、ワイヤーフレームやインターフェイスデザインのツール、プロトタイピングのツール、ファイル管理とバージョン管理ツール、そして2018年に注目しておきたいデザインツールを紹介します。 Design Tools Survey by Taylor Uxtools.co の 元記事 は英語で読むことができます。 下記は各... 続きを読む

ランキング設計はどうあるべきか？ その3｜深津 貴之 (fladdict)｜note

2018/01/25 112 users fladdict サーバーサイド 貴之 深津 Note

ここまで ランキングのあるべき方向性 と、 実行可能なアプローチ について考察してきた。そして、いよいよプロトタイピングと実験の時間だ。残念ながら自分はサーバーサイドのコードが書けないので、ここからは開発チームに託すことになる。 妄想や実証不能なものをオーダーするのは非効率だと思う。ある程度はクラスをモデリングしておくと、エンジニアとディスカッションしやすい（ように思える）。 とりあえずnoteで... 続きを読む

電子工作に必要な道具達 - クックパッド開発者ブログ

2015/10/27 678 users 電子工作 道具達 クックパッド開発者ブログ 舘野 クックパッド

2015-10-28 電子工作に必要な道具達 最近電子工作を始めだしたクックパッドの舘野 ( id:secondlife, @hotchpotch )です。昨今 Arduino や Raspberry Pi を初めとしたボードの登場により、気軽に電子工作プログラミングができるようになり、プロトタイピングの敷居が非常に下がってきていますね。電子工作における “Hello World!” である LE... 続きを読む

ブラウザゲームのプロトタイピングに役立つJavaScriptライブラリ - ABAの日誌

2015/08/22 70 users Aba ブラウザゲーム 日誌 JavaScriptライブラリ

2015-08-22 ブラウザゲームのプロトタイピングに役立つJavaScriptライブラリ ブラウザで動くゲームのプロトタイプを作るとき、もちろんPhaserとかの機能満載のゲームエンジンを使ってもいいのだが、こういったエンジンは多彩な機能に応じてAPIが豊富すぎて、使いこなせるようになるまでが若干面倒なことがある。そういった時、もっと軽量のJavaScriptライブラリを機能ごとに組み合わせた... 続きを読む

GoogleがプロトタイピングツールPixateを買収。無料化される。オススメ。 | fladdict

2015/07/22 561 users fladdict Pixate InVision 百花繚乱

Googleが、ローカルベースのプロトタイピングツールPixateを買収した模様。以後、Pixateアプリは無料となり引き続き開発が続けられるようです。 2013年頃、Pixateに$600払ってた俺は泣いた。おめでとうございます。 Invisionを主流に百花繚乱の分断化で割と困っていたプロトタイピング業界。Googleがこの分野に手を出したことで変動は起きるのだろうか。 これがプロトタイピング... 続きを読む

Rapid React Prototyping : React.jsでUIデザインプロトタイプを作る // Speaker Deck

2015/04/24 104 users React.js Speaker Deck プロトタイプ

React.jsを使ってプロトタイプを作る。 コンポーネント指向をすすめるなら、プロトタイピングは実用性と実現性を兼ね備えていく必要があるのかもしれない。 本当の意味でのRapid Prototypingはイニシャル開発だけに求めるものではない。 …というお話をまとめました。 続きを読む

フェーズと目的に応じたプロトタイピングの手法と意味 - クックパッド開発者ブログ

2015/03/19 345 users フェーズ プロトタ 手法 リーン アジャイル

2015-03-19 フェーズと目的に応じたプロトタイピングの手法と意味 Design こんにちは。ユーザーファースト推進室の元山です。 みなさんはスマートフォンアプリケーションやWebサービスの開発・改善をするときにどのようなプロセスで行っているでしょうか？アジャイルやリーンなどの最近では一般的なよくある開発プロセスの中で、今やプロトタイピングは当たり前に行うものとなっていると思います。プロトタ... 続きを読む

デザインスプリントとPocketのプロトタイピング（翻訳） | THE GUILD Labs

2015/02/10 71 users 最初 Google 新規ユーザー 翻訳記事 アイテム

本記事は、ブックマークサービスPocketが行ったデザインスプリントについての翻訳記事である。（オリジナル）。デザインスプリントとは、Googleの投資部門Google Venturesが投資先に行うデザインワークショップ。 Pocketの新規ユーザーにむけて、よりよいエクスペリエンスをデザインするお手伝いしました。 結果、新規ユーザーが最初のアイテムを保存する率が58%増加し、より高いアクティブ... 続きを読む

初めての新規プロダクト、初めての小さなチーム、初めてのチームビルディングな10ヶ月間を振り返る | nanapi TechBlog

2015/02/10 7777 users チームビルディング nanapi iOSエンジニア アンサー

こんにちは、サービス開発部エンジニアの小島です。元々はnanapi.jpのエンジニアとして入社して、その後アンサーのiOSエンジニアをやっていました。今週から新オフィスである表参道からの投稿です。美味しいランチを探しているのでオススメがあれば教えて欲しいです。 2014年4月くらいからnanapiでは2~3名程度の小さなチームによる新規サービス開発やプロトタイピングなどを行っています。私は、その中... 続きを読む

デザインスプリントとブルーボトル・コーヒーのプロトタイピング（翻訳） | THE GUILD Labs

2015/02/09 176 users デザ エージェンシー ブルーボトル 彼ら Google

本記事は、最近日本にも上陸したBlue Bottle Coffeeに対し、Google Venturesが行ったデザインスプリントの翻訳記事（オリジナル）。デザインスプリントとは、Googleの投資部門Google Venturesが投資先に行うデザインワークショップである。Googleはオンラインでの売り上げが伸び悩むBLUE BOTTLE COFFEEと彼らのエージェンシーに対し、一週間のデザ... 続きを読む

初めての新規サービス開発を通して学んでいること - クックパッド開発者ブログ

2015/02/04 371 users クックパッド開発者ブログ 新規サービス開発 クックパッド

2015-02-04 初めての新規サービス開発を通して学んでいること こんにちは。投稿推進部の清水(@pachirel)です。 2009年にクックパッドに入社してから、インフラ周り、クックパッドの人事周り（採用・評価）や広告周りのシステム開発を担当していました。 2014年4月頃から、2〜3名の小さなチームで新規サービスのプロトタイピングをいくつか行っています。 企画の詳細は省きますが、私がこの1... 続きを読む

プロトタイピングと仮デザイン指針 - mizchi's blog

2014/12/04 81 users 余白 担保 間隔 邪魔 mizchi's blog

2014-12-04 プロトタイピングと仮デザイン指針 プロトタイピングにあたって考えたこと プロトタイピングの目的を損ねない 目的: 機能性の担保 以上の目的にあわないものは優先度を落とす やりすぎると本実装の邪魔 どこからどこからが機能性? ユーザー目線で: UIを通して画面に副作用が起きること 開発者視点で: 内部の論理モデルが正しく動くこと デザインとの境界領域 レイアウトや余白の間隔は、... 続きを読む

短期間でサービスのプロトタイピングから検証までを実施するDesign Sprintで得られるものとは？ | Reflection | UIデザイン会社Standard Incのブログ

2014/11/12 128 users Reflection Design Sprint 検証

Webやアプリの新規サービスを制作する際、チームの予想だけで仮説を構築し、最後までそのアイデアが効果があるものかどうか分からないままローンチをしてしまった、という事はないでしょうか。または、新しい機能のアイデアが閃き、半年以上かけてメジャーアップデートをしたにも関わらず、成果に結びつかなかった、という経験はないでしょうか。 CB Insightsが発表した調査結果によると、スタートアップが手がける... 続きを読む

アプリ制作でプロトタイピングを導入する前に知っておきたいこと | Reflection | UIデザイン会社Standard Incのブログ

2014/10/29 139 users Reflection アプリ制作 ブログ

Form、Launch、Mitya、Origami、Pixate、Prott、Weld… これらが何であるか、みなさまはご存知でしょうか。 実は上に挙げたのは、ここ1年間で世に出たモバイルアプリ・Webページ用のプロトタイピングツール / サービスの名称です（まだローンチしていないものも含めればもっとあります）。 ここ2年ほどで、アプリを中心としたプロトタイピング市場は急激に拡大しており、すでに知... 続きを読む

UIデザイン・プロトタイピングのセミナー交流会に行ってきました #popapp - ぬんびりぶろぐ

2014/09/24 208 users iPhone びりぶろ スゴイ 渋谷ヒカリエ UIデザイン

2014-09-25 UIデザイン・プロトタイピングのセミナー交流会に行ってきました #popapp iPhone 勉強会 開発 2014年9月10日、渋谷ヒカリエのDeNAさんで開催された　UIデザイン・プロトタイピングのセミナー交流会　行ってきました 100名定員のところ268名参加希望が来ちゃうという人気ぶり！ はじめて見たときに、iPhoneだけでプロトタイピングできちゃうスゴイ！！と衝撃... 続きを読む

仕様の決まる速度で実装する - mizchi's blog

2014/08/22 244 users mizchi's blog 速度 仕様 リファクタ デモ

2014-08-22 仕様の決まる速度で実装する 最近プロトタイピングの仕事が多くて、とにかく雑に実装して、これでいいかデザイナかディレクターに確認とって、そこでリファクタみたいな過程をとることが多い。技術的にどこまで可能か未検証で、かつ仕様もはっきり決まっていないので、手戻りを最小にするためにとにかく早い段階でデモをみせる。 技術的にどこまで可能なので、どうすると開発が楽で、どこから先が大変で、... 続きを読む

fladdict 深津貴之氏講演会 @Samurai Startup Island | UX INSPIRATION!

2014/05/20 126 users Inspiration fladdict 挙手 ISLAND

10月7日、TiltShiftGenerator などのiPhoneアプリで有名な、fladdict 深津貴之氏の講演会に行ってきました。 テーマは「使いやすいUIをつくる基本」。 聴衆の割合はエンジニア1/3、デザイナー1/3、ディレクターまたは経営者1/3でした。その場での挙手のアンケートにより「UIの手触り」「プロトタイピング」に重きをおいて話していただくことになりました。 以下、講演メモで... 続きを読む