PCで用いるアプリの場合、 「ドラッグ&ドロップ」と「ファイルを選択」 両方を可能にするのが一般的です。 スマートフォンではドラッグ&ドロップ操作がないため、シンプルなアップロードエリアのみ表示させます。 ヤコブ・ニールセンが提唱する 10のユーザビリティヒューリスティクス によると、何かしら操作の制約がある場合には、 ユーザがアクションを実行する前にその制約を提示すべき と述べられています。 ファイルアップロード機能では、アップロードするファイルに制限があることが多いです。 操作に影響がある条件はあらかじめ画面に表示することが重要です。 考えられる条件は以下があります。 …

UIデザインとは UIはユーザーインターフェース（User Interface）の略で、普段私たちが使用しているスマートフォンやコンピュータには、必ずと言っていいほど「UI」が存在します。 簡単に言えば、画面に表示されるボタンやメニュー、アイコン、テキストなどがすべてUIに含

UI ファイルってのは、UI Designer っていうツールで作った画面の設計図みてぇなもんだ。 .ui って拡張子が付いてる。 これには、ボタンとかテキストボックスとか、画面に並べるウィジェットの位置や大きさ、見た目なんかが XML っていう形式で書かれてるんだ。 これがあると、コードでごちゃごちゃ書かなくても、マウスでちょいちょいっと画面を作れるから、そりゃあ便利ってもんだ。 UI ファイルを使うときによくぶつかる壁ってぇのがあるんだ。 それがこれだ。 「UI Designer でボタンを置いたのに、コードからそのボタンを操作できねぇじゃねぇか！ 」ってなことがある。 これは、UI …

■ UI （User Interface）→ 人がPCとやり取りをする時に、接点となる見た目や仕組み 具体的にどんなものがあるかというと、 モバイルアプリ、Webサイト、スマホやパソコン・タブレット・スマートウォッチの画面、居酒屋の注文タブレット、ATM、コンビニのコピー機のスクリーン、切符の券売機、カーナビ、テレビゲーム、セルフレジのスクリーン... などが挙げられます。 この中で、私は主にモバイルアプリや、WebサイトのUIデザインを専門としています。 UIデザインについて学んできた中で、インターネットには小手先のテクニックや、「これはダメなUIだ！ …