UI/UXはデザイナーだけで作るもの？チームで求められるデザイナーの役割とは？ - スタディサプリ Product Team Blog
QuipperデザイナーのMatsumotoです。 今回はQuipperのデザイナーが、普段どんなチーム構成で働きどんなワークフローで動いているのか、簡単に紹介していきます。 また、様々な職能を持つメンバーが集うチームで求められるデザイナーの役割、日々の気づき、今後の抱負など軽くまとめてみました。 デザイナーの「何かの気づき」になれば嬉しいし、エンジニアやPMの方が、デザイナーと一緒に「デザインについて考える」きっかけとなれば幸いです。 はじめに 事業会社で働く面白さ どんなチームで働いている？ プロダクト単位のチーム チーム内訳 職業単位のデザインチーム プロダクト単位のチームによるワークフロー 良い点 改善したい点 UI/UXはデザイナーだけで作るもの？ どんなフィードバックがいいの？ 終わりに はじめに 前提として自分の経歴を簡単に書いておきます。 2017年11月にQuipperに
UI/UXからフロントエンドの実装まで求められる時代の新卒デザイナーの初任給10選
ハイスキルなエンジニアのプレミアム転職サービス Findyとフリーランス・副業エンジニア向け 単価保証型の案件紹介サービス Findy Freelanceを運営する Findy ではエンジニアの転職を中心にGitHubでコードを書いている方の日頃のアウトプットの成果をまとめたり、転職のサポートをしていますが、Webサービスを開発するためにはデザイナーの存在も不可欠です。最近では、プロダクト開発もモバイルが中心になり、UXデザインの重要性が増しています。 そして、Web・アプリ界隈のデザイナーとは、最近はUI・UXまで考えることができ、コードの書けるデザイナーを示すようになってきました。 また、フロントエンドの実装力がある方は、UXエンジニア と表現されることも増えてきています。逆にデザインセンスのある、フロントエンドエンジニアも最近増えてきていますね。つまり、最近のトレンドとしてエンジニア
User Onboarding | A frequently-updated compendium of web app first-run experiences
User Onboarding is the process of radically increasing the likelihood that new users become successful when adopting your product. Teardowns Let's learn some lessons from how popular web apps do it! Here's the latest: And here are some other recent ones: Zapier Canva SavvyCal » See all teardowns Onboarding Design Articles Never Mix Up Features with Benefits Ever Again… Bulletproof User Onboarding
UXデザインについて考えるなら、ビジュアルデザインを考えてはいけない。
昨日の白ヤギ勉強会にてシロクの石山さんの登壇を聞いて思ったことである。（下記の資料、非常に素晴らしいです。必見！） UI/UXデザインという言葉が今、非常に飛び交っている。 その言葉に”デザイン”という言葉が入っているが、それは決して”ビジュアルをデザインする”ということではない。 デザインの意味は 日本語では「設計」にもあたり、「形態」や「意匠」と訳されてきたが、それだけに限らず、人間の行為（その多くは目的を持つ）をより良いかたちで適えるための「計画」も意味する。人間が作り出すものは特定の目的を持ち、それに適うようデザイナー（設計者）の手によって計画されるのである。デザインの対象は、衣服、印刷物、工業製品、建築などにとどまらず、都市や人生計画にもおよぶ。物や環境を人が自然な動きや状態で使えるように設計する工学、あるいは、人の物理的な形状や動作、生理的な反応や変化、心理的な感情の変化などを
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
ゲーム系UIデザイナーの勉強を２年近くやって思った12のこと。 - meycoのUX&UIデザイン技術メモ
あけましておめでとうございます。 新年になり、すこしゆったりとした時間を過ごす事ができました。せっかくなので、去年からずっと思っていたUIデザイナーについて思った頭の中のことをまとめたいと思います。 WEBのUI設計よりも、明らかにゲームの方が難しい これは結構何度も言ってますが、ゲームの設計(ゲーミフィケーションのアプリ含む)の方が明らかに「やることが多い」です。 もっとプレイしてもらうには？ゲームが終わったときに、どのような設計になればもう一度やってくれる？ チュートリアルは必要？やりこみ要素はどうする？ソーシャルとどうやって連携する？ポイント加算の条件は？アクショナブルフィードバックは？日常で使ってくれるような設計には何が必要？盛り込みすぎではないか？ などなど、考えることが多いです。 このあたりは、ソーシャルゲームが本当に上手にできてるなーと思っているので、日々勉強しています。 ゲ
UI/UXが学べる神スライド7選 | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
Close Photoshop and Grab a Pencil: The Lost Art of Thumbnail Sketches
Long before web UI mockups came along, print designers would hone their ideas using a tried and true method called thumbnail sketching. This practice seems to be somewhat of a lost art so we’re going to shed some light on it! Today we’ll briefly discuss what thumbnail sketches are, some tips for creating them and how to effectively implement them into your already busy workflow. Before Wireframing
フィッツの法則 - Wikipedia
フィッツの法則：対象の幅（W）と対象までの距離（D）の図 フィッツの法則（フィッツのほうそく、英: Fitts's law）とは、マンマシンインタフェースにおける人間の動作をモデル化したもので、対象の領域に移動するのに必要な時間が対象部までの距離と対象物の大きさの関数となることを予測する。フィッツの法則は、ある点を指すという動作、すなわち対象物に手や指で物理的に触れたり、あるいはコンピュータのディスプレイ上でポインティングデバイスを用いて仮想的に指したりすることをモデル化するために用いられる。1954年に ポール・フィッツが提唱した。 フィッツの法則は複数の方法で数学的に定式化されているが、一般的なものとして一次元の移動についてのシャノンの公式化がある。 これはヨーク大学教授の Scott MacKenzie が提案したもので、シャノン＝ハートレーの定理への類似性からこのように命名された。
First Principles of Design, Revised & Expanded
This web page will redirect in 15 seconds, if this does not happen, please Click Here.
Flat UI Free - Framework and Bootstrap Theme Design - Designmodo
Flat UI Free – Framework and Bootstrap Theme Design FreebiesAndrian Valeanu • March 08, 2013 • 2 minutes READ Flat UI Free is made on the basis of Twitter Bootstrap 3 in a stunning flat-style. Flat UI Free contains many basic and complex components which are great for designers to have at hand: buttons, inputs, button groups, selects, checkboxes and radio-buttons, tags, menus, progress bars, slide
思わず触りたくなるiOSのUIデザイン - RyoAnna
ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
Mooklet for iPhone :: Create Animated "Photo Story Books" and Publish them!
大切な写真を「フォトブックアプリ」にしてあの人に送ろう Mooklet for iPhone はあなたの写真とメッセージから、世界に一つしかない「フォトブックアプリ = Mooklet」を作るアプリ。 写真を選んでメッセージを入れるだけで、たった5分でダイナミックなフォトブックが完成します。 完成したMookletはHTML5ベースのWebアプリとしてURLを配布できるため、まるでネイティブの写真集アプリのように、家族や友人のiPhoneやiPadのホーム画面にインストールしてもらうことができます。 ※Mookletの作成、作品の閲覧にはインターネット回線が必須です。 6月5日、「Mooklet for iPhone」は仏Appsfireが主催するアプリコンテストthe App Star Award 2012において、数百のアプリの中から最優秀賞に選ばれました！ フォトブックをHTML5ア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
standardinc.jp
standardinc.jp
GoodUI
Flat UI - Free Bootstrap Framework and Theme
How It Feels [through Glass] - YouTube
Custom Controls for iOS, iPadOS, macOS, tvOS, and watchOS - Cocoa Controls
エンジニアtype 技術者のキャリアを考えるWebマガジン - 転職＠type
