2015/02/19に行われたUI Crunch#3の資料です。 プロトタイピングの段階ということで、タックマンモデルというチームビルディングの形成モデルとプロトタイピングのプロセスについての関連性をテーマに話しました。Read less
Introducing Sessions: the latest product from Waldo!
Holiday 事業室の多田です。先日 Elasticsearch の記事を書いた内藤と共に Holiday ( https://haveagood.holiday ) の開発を行っています。 Holiday は、去年9月に Web 版をリリースしましたが、よりおでかけを楽しくするために今年3月に iPhone アプリをリリースしました(ダウンロードはこちら)。 アプリの開発過程ではコンセプトや仮説を立て、その検証や実現のために作っては壊すことを何度も繰り返し行いますが、実現したい価値を提供するためには、出来上がったプロダクトの細部のインタラクションも重要になってきます。細かい部分に気を配り使い心地を良くしてこそ、本当に提供したい価値をまっすぐに届けることができるためです。逆に言えば、最後の最後で細かい部分がちゃんとしていないばかりにそれまでの過程が無駄になったらもったいないですよね。 今
『takram design engineering|デザイン・イノベーションの振り子』(現代建築家コンセプト・シリーズ No.18、LIXIL出版)刊行にあわせ、デザインエンジニアであり東京大学生産技術研究所教授でもある山中俊治氏をお招きして、ブックレヴューから「デザインエンジニア」という新しい職能、そしてこれからの「ものづくり」の意味をお話しいただきました。 田川欣哉──今日は僕たちtakram design engineeringの『デザイン・イノベーションの振り子』の刊行記念という意味もありまして、僕らにとても縁の深いプロダクト・デザイナーの山中俊治さんにお越しいただきました。「デザインエンジニアの起源」と題して「デザインエンジニア」という考え方がどこから生まれ、どのような未来を築いていけるのか、という話ができればいいなと思っています。 僕と緒方は、もともと山中さんが主宰されてい
The Ultimate Website Builder for Mac, iPad & iPhone Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs for MacBlocs for iPadBlocs for iPhone Learn Get up and running fast with our learning portal. You'll find everything you need to master building websites with Blocs. Learning Portal Connect Connect with other Bloc
Design Then Code Design Code and Create At DesignThenCode.com, our motto is to empower creators by seamlessly integrating design and coding. We believe in fostering innovation through the synergy of intuitive design principles and efficient coding practices. “ “Usability’s strength is in identifying problems, while design’s strength is in identifying solutions.” — Alan Cooper
プロトタイピング実践ガイド スマホアプリの効率的なデザイン手法 作者: 深津貴之,荻野博章出版社/メーカー: インプレス発売日: 2014/08/08メディア: Kindle版この商品を含むブログを見る スマートフォンのプロトタイピングを丁寧に解説した書籍、 プロトタイピング実践ガイド スマホアプリの効率的なデザイン手法 を読みました。fladdictさんとフェンリルの荻野さんの共著ということで、期待が高まります。 自分は昔fladdictさんがペーパープロトタイピングを実践されてると聞いてから、書籍 ペーパープロトタイピング 最適なユーザインタフェースを効率よくデザインする *1を読んだり、fladdictさんの資料を参考にしたりしながら、プロトタイピングを仕事に取り入れてきた経緯があります。その辺りの見様見真似でやってきた手法が、本書では整理されて解説されています。まさに自分が欲しかっ
photo by Neal. Lean Startupが出版された頃からでしょうか。起業ブームみたいなものと相まっていろいろとUXだとかLeanだとかの類の本が多く出版されていますね。私もそんな本を案外欠かさず買ってみては読んでみてもいるのですが、あまりピンとこないような内容であったり、手法の紹介についてばかり熱心に書いてあったりとどうしても眠い感じになってしまうようなものばかりだったように思うことが多くありました。 今回読んだ マイクロインタラクション ―UI/UXデザインの神が宿る細部 も「ドナルド・ノーマン推薦!」との煽り文句が帯に大きく書かれていて、これもそんな感じかなと思ったりもしていましたが、今までのものとはちょっと違った目線の内容だったので紹介してみようと思ったわけです。 デザイナー向けにも思われがちかもしれませんが、職人的なデザイン技術について解説しているわけではなく、プロ
クックパッドの同僚3人でロールケーキ社を創業した伊野亘輝さん。同社からローンチされた「レター」はシンプルなデザインと共感を呼ぶコンセプトで順調な滑り出しを見せている。フリーランス・会社勤めを経て、伊野さんが起業した背景とこれから成し遂げたいことを伺った。 ▼ロールケーキ・伊野亘輝さん インタビュー第1弾 ユーザーを置いてきぼりにすることに誠意はあるか?|クックパッドアプリ・メジャーアップデートのウラ側 クックパッドからスピンアウトして生まれたロールケーキ クックパッドのアプリフルリニューアルを成功させた伊野亘輝さんは、同僚3人でロールケーキ社を創業。2014年2月には、スマートフォンで撮影した写真を翌月のカレンダー付き手紙にして郵送で届けることのできる iPhoneアプリ「レター」をローンチ。2週間で発注総数1万枚を突破するなど、シンプルなデザインと共感を呼ぶコンセプトで順調な滑り出しを見
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。 タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。 パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。 またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。 ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。 最低限の大き
U.S. DollarEuroBritish PoundCanadian DollarsAustralian DollarsIndian RupeesChina Yuan RMBMore Info →
この記事は、2010年8月3日に Jason Grigsby によって書かれた CSS Media Query for Mobile is Fool’s Gold を翻訳したものです。 画像・表・リンクなどは掲載していませんし、翻訳が怪しい場所がところどころにありますので、ちゃんと読みたい方は原文を参照してください。 翻訳部分は次のセクションとなります。 CSS Media Query for Mobile is Fool’s Gold Ethan Marcotte の記事「Responsive Web Design」はウェブ開発者たちの想像力を刺激し、いくつかの後続の記事はモバイルに最適化されたウェブサイトを構築する方法として、CSS Media Queries をもてはやしました。 私もまた「iPad Orientation CSS」という記事でこの流行に貢献した罪があります。 残念な
最近Appleのアプリを中心に、質感や特徴など現実世界のモチーフを模倣したデザインをよく見るようになりました。 このようなデザインをSkeuomorphic Designと呼ぶそうです。このSkeuomorphic Designについて書いてみました。 最近Appleのアプリを中心に、質感や特徴など現実世界のモチーフを模倣したデザインをよく見るようになりました。 このようなデザインをSkeuomorphic Design(またはSkeuomorphic UI)と呼ぶそうです。 このSkeuomorphic Designについて書いてみました。 Skeuomorphic Designとは まずskeuomorphという言葉から。 skeuomorph 語源:ギリシャ語のskeuos(容器、実装)morph(フォーム)から。 skeuomorphは、様々な目的のために用いることができます。 デ
気温がコロコロ変わり上着を来たり脱いだり忙しい今日この頃、 みなさんいかがお過ごしでしょうか? 相変わらずご無沙汰しております(^〜^;) Jacminikです。 またまた、僕がデザインさせて頂いたアイコンがAppStoreに並びました! パチパチパチ〜♫ …ってなワケで、 今回はとあるiPadアプリのリニューアルアイコン制作の過程を紹介させて頂きながら、アプリのアイコンがユーザーの目に留まるようになるまでに 開発者やデザイナーがどのように考え、 どのようにこだわって作っているのか? を少しでもお伝えできればと思っています。 今回ご紹介する行程は飽くまでも一例ですし、 すべてのアイコンがこのように作られている訳ではないと思いますが ひとつの参考として読んで頂けたらうれしいです。 (最後にデザイン案件の受付についても宣伝させて頂きますので、開発者の方々も是非ご参考にしてみてくださいね。) ち
iPhoneがでた当初はWebApp押しだったAppleも3Gを出してからすぐにネイティブアプリに手のひらを返してしまって、WebAppはすっかり影がさしてしまいました。 それでも、jQTouchやSencha Touch、jQuery mobileなどWebAppの開発支援となるJavascriptライブラリが登場して一部では盛り上がったりもしています。PhoneGapみたいにWebAppをネイティブにパブリッシュするツールや、Titanium MobileのようにWeb言語ベースで開発してネイティブにするものもありますし、いろいろですね。 iOS4までのMobile SafariではCSSの一部のプロパティが使えなかったりで、よりリッチなWebAppをつくろうと思えばJavascript必要でした。 先日公開されたiOS5では今まで「なんで使えないの?」といったところが少し修正されて、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く