知識０から、ちょっと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がお送りするアドベント カレンダーです。 コネヒトは「家族像」というテーマを取りまく... 続きを読む

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”という素晴らしい読み物なのだが）にまで至る所で姿を見せた。多くの人がこの絵は反復型開発、リーンスタート... 続きを読む

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

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

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

ランキング設計はどうあるべきか？ その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... 続きを読む

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サービスの開発・改善をするときにどのようなプロセスで行っているでしょうか？アジャイルやリーンなどの最近では一般的なよくある開発プロセスの中で、今やプロトタイピングは当たり前に行うものとなっていると思います。プロトタ... 続きを読む

初めての新規プロダクト、初めての小さなチーム、初めてのチームビルディングな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... 続きを読む

短期間でサービスのプロトタイピングから検証までを実施する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の手触り」「プロトタイピング」に重きをおいて話していただくことになりました。 以下、講演メモで... 続きを読む

WantedlyではどうやってiOSアプリ開発しているのか - Wantedly Engineer Blog

2014/04/28 365 users Wantedly iOSアプリ 川崎 エンジニア サーバ側

こんにちは！エンジニアの川崎です。 先週行われた Consumer Service Engineer MeetUp Vol.1　~iOS編~ というイベントで「WantedlyではどうやってiOSアプリ開発しているのか」というテーマで発表してきました。 僕自身の普段の担当は、全体の設計やサーバ側の開発、プロジェクト進行あたりなので、 今回はWantedlyでiOSアプリを「プロトタイピング」し「開... 続きを読む

【企画】デザインはエンジニアリングだ−−THE GUILD深津氏が語る「デザインを考えるために必要なメソッドとプロトタイピング」 - THE BRIDGE

2014/03/07 226 users QuadCamera 語録 深津貴之氏 メソッド 業界キーマン

本企画は起業家向けスクール「MOVIDA SCHOOL」で語られた、業界キーマンの語録をお伝えするシリーズです。MOVIDA JAPANの提供でお送りします。 アプリ開発のために、UIやUXといったデザインを考えなければいけない。そのためには、正しいメソッドをもとにデザインすることが求められる。 THE GUILDの深津貴之氏は、QuadCameraやミニチュア風写真が撮れるTiltShiftGe... 続きを読む

ペーパープロトタイピング入門 – 第1回 どうして紙でプロトを作るのか | fladdict

2013/12/03 346 users fladdict ペーパープロトタイピング入門 プロト 終盤

ペーパープロトタイピング講座シリーズ。第1回は導入編。 第1回はの導入編。ペーパー・プロトタイピングとは何なのか、何故必要なのか。そして導入することで、どんな利点があるのかを説明する。 ペーパー・プロトタイピングって何？ ペーパー・プロトタイピングとは、紙で実際にアプリやサイトを「実装する」ことである。 通常の開発においてコンテンツが使いやすいかどうかは、開発が終盤になるまでわからない。このため「... 続きを読む

無料で使えるワイヤーフレームツールのまとめ : could

2008/07/09 329 users could DIA ワイヤーフレーム Firefox 併用

Firefox 上で動作するワイヤーフレームツール Pencil をはじめ、無料でしかも便利なツールが増えてきました。紙とペンでワイヤーフレームを描くのは基本ですが、より本物に近いプロトタイプを作るのであればソフトウェアを使うのが最適です。以前紹介した「プロトタイピングの基礎の基礎」も併用に読んで今回紹介するツールの中から自分に合ったツールを探してみてはいかがでしょうか。 DIA: a drawi... 続きを読む

Rubyでアジャイルプロトタイピング（1） ― ＠IT

2005/11/10 209 users アジャイルプロトタイピング Ruby 上流工程 クライアント

Rubyでアジャイルプロトタイピング（1） page1 page2 page3 アジャイルプロトタイピングで上流工程が変わる 永和システムマネジメント鍜治舍浩 永和システムマネジメント西川仁 アークピア林秀一 2005/11/11 ◆ 想定する読者はこういう人々 本連載では、新たなアプローチでプロトタイピングを行い、アジャイルかつ正確にクライアントからの機能要件を取りまとめることを提案します。読者... 続きを読む