タグ

UIに関するparity88のブックマーク (2)

  • ビジネス構造 , 実装方法まで探る徹底したUI/UXトレース分析 〜Ubereats編〜|yusuke

    今年ももうすぐ終わりですね。 昨日が仕事納めで落ち着いたので、noteを更新したいと思います! 今回は、入社直後の会社の研修でやらせていただいたUI/UXトレース分析についてです。この研修をやらせていただいたことで個人的に凄く知見が増えました。 そこで、会社にnoteで発信していいか聞いたところ快く承諾してくださったのでまとめてみました。 私が就職前にやっていたUIトレースでは、画面のトレースをして、UIデザインの考察で終わっていました。しかし、このトレースではUXの部分や実装する上での知識も学んでいけるようになっています。 分析手順 1.  画面数と遷移を確認 2.  コンセプトメイキング 3.  リーンキャンパス 4.  メイン画面をトレース 5.  デバイス間での変化を確認 6.  UI/UXの特徴を考察 7.  ダウンロード数で現状の人気をチェック 1. 画面数と遷移を確認最近特に

    ビジネス構造 , 実装方法まで探る徹底したUI/UXトレース分析 〜Ubereats編〜|yusuke
  • 個人開発のUI設計術 - Crieit

    あんど( @ampersand_xyz )と申します。 クイズメーカーなど、色々なサービスを個人でリリースしているフリーのエンジニアです。 個人開発を支える技術のアドベントカレンダーではサービスを構築するArchitectureに関する技術の話題が多いなか、周りの方やマシュマロからの匿名メッセージ質問でUIのことに関する質問などが多かったので、投稿ではUIやデザイン周りに関するTechnic…と言えるほど上等なものではないのですが、そのあたりの技術をお話したいと思います。 なお、自分は正直かなり我流で適当にやっているので、もっといい方法のツッコミなど歓迎しております。 1.画面サイズの最大・最小幅を最初に決めておく まずはじめにここを決めます。 いかにリキッドデザインやレスポンシブで画面を作成するといえども、極端に幅が小さい、または大きいデバイスを相手にする場合、どうしてもサイズ整合性を

    個人開発のUI設計術 - Crieit
  • 1