UnityのuGUIで複数のスクロールビューを切り替える演出の作り方 - テラシュールブログ
FacebookのUnity助け合い所で質問があったので、ちょっと書いておきます。（件の問題は解決済み） とりあえず、こんな感じのを作ります。今回はボタンで制御しますが、画面端からのスワイプやスクロールバー自体のスワイプといったギミックで差替えても良いんじゃないかと思います。 作り方 まず2つのスクロールビューとボタンを用意します。一つは画面外に配置、一つは画面内に配置する感じです。 スクロールビューの作り方はUnityのuGUIでスクロールビューを作る - テラシュールブログに書いてあります。 データ構造的にはこんな感じです。コントロール対象となるスクロールビュー（ScrollView）は親オブジェクト作っておくと管理が楽になります。 ちなみにスクロールビューの名前は異なる名前を指定するのが良いです。後々管理も楽ですし、何よりAnimationの「名前が重複してるとうまく動かない」問題を
『アラサーアラフォーにとって居心地のよいデザインとは？』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさま、こんにちは！ 2013年に新卒入社したハヤサカと申します。 現在、大人のブカツbk2というSNSサービスのデザインを担当しています。 今回は担当しているサービスの中で、Amebaユーザーの30代～40代を意識しながら作っているUIデザインについて、スマホアプリを中心にご紹介させていただきたいと思います。 大人のブカツbk2とは大人のブカツbk2は、"趣味でつながる"25歳以上限定のコミュニティサービスです。 「スマホ写真部」や「大人のラーメン部」、「なんか友達少ない部」など個性豊かな4000以上のブカツから自分にぴったりのブカツを見つけて、
レンタルサーバーナレッジ
Twitter CPIのTwitterアカウントでは、サイト、サーバー管理者のための重要なセキュリティ情報や、サイト運営者のためのヒント、お得なキャンペーン情報をお知らせしています。 Follow @cpiadjp Tweets by cpiadjp 掲載内容について、当社は情報の掲載には細心の注意を払っておりますが、完全性などについて保証を行うものではありませんので予めご了承ください。 掲載されている情報をご利用いただいた際に、損害が発生・誘発した場合や、情報自体の真偽性・合法性・道徳性・著作権の許諾等について問題が発生した場合などについて、当社は一切の責任を負いません。掲載されている情報を利用したサイト製作については、ご自身の責任において行ってください。
Design Sprint デザインスプリントを用いたサービスのプロトタイピングと検証で得られるものとは？ | UXデザイン会社Standardのブログ
2014.11.12 / Report Design Sprint デザインスプリントを用いたサービスのプロトタイピングと検証で得られるものとは？ Kenichi Suzuki Webやアプリの新規サービスを制作する際、チームの予想だけで仮説を構築し、最後までそのアイデアが効果があるものかどうか分からないままローンチをしてしまった、という事はないでしょうか。または、新しい機能のアイデアが閃き、半年以上かけてメジャーアップデートをしたにも関わらず、成果に結びつかなかった、という経験はないでしょうか。 CB Insightsが発表した調査結果によると、スタートアップが手がけるサービス失敗のほぼ半数は、市場のニーズがなかったことに起因するとされています。なぜこのような事が起こっているのでしょうか。それは新規のアイデアをサービスとしてリリースまたはサービスの一部として追加する際に、アイデアの妥当性
「個」から「集」のデザイン
「emosi」の開発フローを通して、チームでデザインすることの重要性や仕組みづくりのポイントについてお話します。Read less
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013
伊藤直也氏が語る、モバイルアプリケーション開発のいまとこれから（前編）～Salesforce Developer Conference Tokyo 2013 いま多くの開発者が取り組もうとしているモバイルアプリケーションの開発は、経験の面でも技術の面でも、コンシューマ向けの開発現場が大きく先行しています。 9月6日開催されたSalesforce Developer Conference Tokyo 2013のセッション「B2Cからみたモバイルアプリケーション開発のいまとこれから」では、コンシューマ向けサービス開発の現場に身を置いてきた伊藤直也氏が、モバイルアプリケーション開発を成功させるための方法を、これまでの経験や現在の開発現場で得たノウハウなどを基に語っています。 試行錯誤の回数を増やす、iOSとAndroidは同じように作ってはいけないなど、モバイルアプリケーション開発に関わるエンジ
Sci-fi interfaces
Enter your email address to follow us and receive notifications of new posts by email. RSS at scifiinterfaces.wordpress.com/feed/ So I missed synchronizing the Fritzes with the Oscars. By like, a lot. A lot a lot. That hype curve has come and gone. (In my defense, it’s been an intensely busy year.) I don’t think providing nominees and then waiting to reveal winners makes sense now, so I’ll just ta
UIの学習のために生まれたUI | UXデザイン会社Standardのブログ
UIには本来のサービスが成り立つ上で必要な機能に基づいた必須UIの他に、その必要機能についてユーザーに学んでもらうための学習用UIというものが存在します。本来であればサービスに必要なのは必須UIのみだったはずですが、リリース後やリリース前の段階においてユーザビリティテストを行なった結果があまり良くないのであれば改善をすることになります。しかし、UIのどこに課題があるのかの分析と改善には時間がかかり、実装などでも工数が発生することも考えると、より少ない手間で解決する方法が望まれます。今回は、このようなユーザビリティ上の課題を解決するために生まれた学習用UIのパターンをご紹介します。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 使い方を学習するためのUIパターン もし新規のユーザーがサービスのコア機能の使い方がわからなければ、サービス自体を利用してくれな
情報がないことを伝えるUIデザイン | UXデザイン会社Standardのブログ
「Empty Data（またはEmpty Status）」というUIパターンがあります。タイムラインやドロワーなどデザイナーであれば知っているUIパターンの名称に比べると、あまり日本では聞き慣れないのかもしれません。Empty Dataは簡単に言うとデータがない時のUIになります（Webでの404に近いですが、少し違います）。では、Empty Dataを知るためにもう少し詳しく紹介していきたいと思います。 参考：モバイルデザインパターン 第2版 ―ユーザーインタフェースのためのパターン集 Empty DataはUIである Empty Dataはただユーザにデータがないことを示すだけではありません。ユーザにデータが存在しないという情報をフィードバックし、どうしたらここに情報が入るかのアクションに繋げる立派なUIです。もしEmpty DataのUIが存在しなかったらユーザはどのように感じるでし
ユーザーインタフェースの分解
15. • Click • Double click • Triple click • Hover • Press and hold • Drag / Drop 15 マウスを動かす クリックする/離す キーを押す/離す 画面を押す/離す 画面上で指を滑らす 複数の指で押す/滑らす ユーザーの操作 コマンド • Press • Long press • multiple press (ショートカット キー操作など) • Tap • Double tap • Press and hold • Flick • Swipe / Pan • Drag / Drop • Pinch in / Out どう操作するか － ユーザーの操作 (入力) マウス キー タッチパネル
Why Users Aren’t Clicking Your Home Page Carousel
A website study found that out of 3 million home page visits only about 1% clicked a carousel slide. How could a large, graphical element on the home page get such few clicks? The reason most carousels do poorly might surprise you. Most carousels have multiple slides that rotate when users click the navigation arrow. The first slide always gets the most clicks. But the click-through rate for every
Webアプリケーションの画面をさくさく作ろう。UIフレームワーク特集 MOONGIFT
今回はWebアプリケーションの画面作成に関する話です。かつて業務システムというのはエンジニア自身が画面を作ってロジックを実装して提供していました。UIがただコンポーネントを貼付ける程度だったからです。 しかしWebアプリケーションの時代になって、UIの制作が難しくなってきています。デザインの自由度が高いためです。しかし今後さらにWebアプリケーションが活用されていく中ではエンジニアもそれなりの画面を素早く開発できるようになっていかないといけない時代になっています。 そこで今回はUIフレームワーク、多彩なコンポーネントを備えたデザインフレームワークをまとめて紹介します。 iPhone/Android/Windows Phone対応のモバイルWebアプリフレームワーク「ChocolateChip」 モバイルWebサイトをネイティブ風にするUIライブラリは昔から多数存在しますが、今回はその最新版
UX/UI
ユーザの主体的経験を指すUXと、ユーザが製品やシステムとインタラクションする場であるUIは、言葉の次元が異なり、同列に議論できるものではない。この併記には、UIデザイナの多くがUXデザイナに変身したということと、UXというキーワードが「流行語」であったということが関係しているというべきだろう。 黒須教授 2014年5月7日 タイトルのようにUX/UIと二つの概念を併記することが流行しているようだ。Googleで検索したところ、なんと719,000件もヒットした。ちょっとそういう流行に疎かった僕は、先日UXに関する講演を行ったときの質疑で、UX/UIについてどう思うかと聞かれ、ん、何のことを聞きたいのだ、と戸惑ってしまった。こうした背景のあることに思い至らなかったのである。 なぜなら、UIはユーザが製品やシステムと相互作用(インタラクション)する場のことであり、UXはユーザの主体的経験のこと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Keita Watanabe | Interaction and Application Design Research
Material Design
写真で語るUXとUI へのコメント
セキュリティ診断・検査のGMOサイバーセキュリティ byイエラエ
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
Yahoo! JAPAN×DeNA UI/UXデザイナー勉強会
UX Movement
