Draw an interactive wireframe in Mockplus

Draw an interaction flowchart and mobile wireframe
Add interactive elements
Organize components, preview and test
この実践的な経験を面接でアピールする
Draw an interaction flowchart and mobile wireframe
Add interactive elements
Organize components, preview and test
この実践的な経験を面接でアピールする
In this 2-hour long project-based course, you will learn how to create an interactive wireframe for a social book reading app with Mockplus, drafting an interaction flowchart in connect mode, drawing the wireframe with multiple components, adding interactive elements, grouping, ordering and aligning the components on screen with the aid of grids and guides, and finally previewing and testing.
Website Wireframe
Design
UI
mobile
Web
ワークエリアを使用した分割画面で再生するビデオでは、講師がこれらの手順を説明します。
Create an account and set up the canvas
Draw the interaction flowchart in connect mode
Create pages, draw headers and image placeholders
Draw the homepage content
Add icons
Group, order and align
Create sub artboards and add interactions
PRACTICE : Draw the book details page
PRACTICE: Preview and test
FINAL PRACTICE: Create a movie theater app wireframe
ワークスペースは、ブラウザに完全にロードされたクラウドデスクトップですので、ダウンロードは不要です
分割画面のビデオで、講師が手順ごとにガイドします
ワークスペースにはラップトップまたはデスクトップコンピューターに適したサイズのクラウドデスクトップが含まれているため、モバイル機器ではガイド付きプロジェクトを使用できません。
ガイド付きプロジェクトの講師は、プロジェクトのスキル、ツール、またはその分野での経験があり、知識を共有して世界中の何百万人もの受講生に影響を与えるたことに情熱を持つ専門家です。
ガイド付きプロジェクトから作成したファイルをダウンロードして保持できます。そのためには、クラウドデスクトップにアクセスしているときに「ファイルブラウザ」機能を使用できます。
ページの上部で、このガイド付きプロジェクトの経験レベルを押して、知識の前提条件を表示できます。ガイド付きプロジェクトのすべてのレベルで、インストラクターがステップバイステップでご案内します。
はい。ガイド付きプロジェクトを完了するために必要なものはすべて、ブラウザで利用可能なクラウドデスクトップで利用できます。
分割画面環境でタスクをブラウザで直接完了することで学習できます。画面の左側で、ワークスペースでタスクを完了します。画面の右側で、講師がプロジェクトをステップごとにガイドします。
さらに質問がある場合は、受講者ヘルプセンターにアクセスしてください。