mockplus ΕΛΠΙΝΙΚΗ ΔΗΜΟΣΘΕΝΟΥΣ Α.Μ ΣΧΟΛΗ ΕΦΑΡΜΟΣΜΕΝΩΝ ΤΕΧΝΩΝ Μ.Π.Σ. ΓΡΑΦΙΚΕΣ ΤΕΧΝΕΣ - ΠΟΛΥΜΕΣΑ

Transcript

1 mockplus ΕΛΠΙΝΙΚΗ ΔΗΜΟΣΘΕΝΟΥΣ Α.Μ ΣΧΟΛΗ ΕΦΑΡΜΟΣΜΕΝΩΝ ΤΕΧΝΩΝ Μ.Π.Σ. ΓΡΑΦΙΚΕΣ ΤΕΧΝΕΣ - ΠΟΛΥΜΕΣΑ ΓΤΠ 61 / ΠΛΗΡΟΦΟΡΙΚΗ - ΠΟΛΥΜΕΣΑ ΚΑΘΗΓΗΤΗΣ: ΝΙΚΟΣ ΑΝΤΩΝΟΠΟΥΛΟΣ

2 τι είναι και που απευθύνεται; 2 Jongde Software Γρήγορο εργαλείο πρωτυποποίησης για UI/UX Σχεδιαστές, web/ app προγραμματιστές, υπεύθυνοι έργου και σε άλλους επαγγελματίες τεχνολογιών easier PROTOTYPE smarter faster

3 τι προσφέρει; 3 1. γρήγορο σχεδιασμό 2. γρήγορη αλληλεπίδραση 3. γρήγορη παρουσίαση 4. γρήγορη εκμάθηση περισσότερη βάση στο σχεδιασμό και όχι στον προγραμματισμό

4 εκδόσεις 4 από το 2014 version /01/19 Εικόνa 1: Mockplus updates

5 app 5 Εικόνες 2,3,4: Mockplus App

6 Project 6 1. New 2. Open 3. Cloud Διάφορες διαστάσεις Mobile phone Tablet Web Desktop White board Custom Εικόνα 5: Mockplus διαστάσεις

7 Operation interface I 7 Εικόνα 6: Mockplus επιφάνεια εργασίας

8 Operation interface II 8 A. components: 1. Interactions 2. Extensions 3. Layout 4. Mobile 5. Static 6. Chart 7. Markup A C B.Icons (3,000 icons) Γ. My libraries Δ. Master B D Εικόνες 7,8,9,10: Mockplus επιφάνεια εργασίας

9 Drag and drop interactions 9 A. Link point B. Use component outline Εικόνα 11 : Drag and Drop 1ος τρόπος Εικόνα 12 : Drag and Drop 2ος τρόπος

10 Content 10 image (local, web, flickr), text (big text), button, (move, zoom, resize, rotate, mouse over, link etc.) tab bar, navigation bar, scroll box, scroll monitor, sliding drawer... Εικόνα 13 : Starbucks

11 Test - Save - Share prototype Preview 2. Qr code 3. Export A. Ολόκληρο με όλους τους φακέλους Β. Κομμάτι κομμάτι 4. Cloud Εικόνα 14 : Επιλογή διαμοιρασμού * Preview: μόνο όπως είναι σε κινητό android / iphone ενώ με Qr Code προσφέρει και εξαιρέσεις.

12 Collaboration I 12 Νew project --> Personal project --> Team project - Cloud Sync button (προσθήκη νέων μελών) - My team project Εικόνα 15 : Επιλογή project

13 Collaboration II 13 3 ενδείξεις: Εικόνα 16 : Επεξεργασία σελίδων

14 Transformations 14 Personal Individual

15 Free, Individual, Team, Enterprise 15 Διαφορές ως προς τις δυνατότητες Κυρίως: no cloud storage no team manager no online collaboration no cloud sync no preview cloud, mobile, online no export image, demo package etc.

16 Δυνατότητες 16 - Repeater: επαναληπτικά layouts και καθολικές προσαρμογές - UI Flow: να γίνει εξαγωγή ui flow, να προσαρμόσουμε τις ιδιότητές μας και να επιλέξουμε περιεχόμενο και style - Έτοιμα built in templates και δείγματα για γρήγορο χτίσιμο εργασίας - Project tree - Comment, Markup Εικόνα 17 : UI FLOW

17 Mockplus idoc 17 Online, collaboration tool plug in Sketch plug in photoshop plug in Adobe XD Εικόνα 18 : Mockplus idoc

18 Summary 18 Εύχρηστο Συνεργατικό Έμφαση στη δημιουργικότητα Ευκολία προεπισκόπησης και διαμοιρασμού

19 Βιβλιογραφία 19 Mockplus, Mockplus Launches Plugin for Adobe XD. Ανακτήθηκε από 07/02/2019 Mockplus, 17/08/2017. Mockplus Basic Tutorial - 10 Minutes Get Started. Ανακτήθηκε από LYQOljR4eI, 07/02/2019 Design Pilot, 14/10/2018. How to Prototype Faster with Mockplus! [2019]. Ανακτήθηκε από MfQPBut11 Mockplus Jongde, 29/09/2017. Mockplus Rapid Prototyping Tutorial - UI Flow, MindMap, Sketch Import and Data Fill in version 3.2. Ανακτήθηκε από 07/02/2019 Mockplus, MOCKPLUS PRICING. Ανακτήθηκε από 07/02/2019 Mockplus, Mockplus Tutorial. Ανακτήθηκε από 06/02/2019 Mockplus Tutorials, [jongle], 31/05/2016. Mockplus Rapid Prototyping Tutorial How to Make Interactions in Mockplus. Ανακτήθηκε από 06/02/2019 Mockplus, Mockplus Release Notes. Ανακτήθηκε από 06/02/2019 Mockplus Tutorials, [jongle], 9/10/2017. Mockplus Rapid Prototyping Tutorial Team Collaboration. [Video file]. Ανακτήθηκε από Mockplus Jongde, 14/09/2016. Mockplus Rapid Prototyping Tutorial - Test Your Prototype in 8 Different Ways. [Video file]. Ανακτήθηκε από 05/02/2019 Mockplus idoc, Connect Your Entire Product Design Workflow. Ανακτήθηκε από 09/02/2019

20 Βιβλιογραφία εικόνων 20 Λογότυπο Mockplus: Eικόνα 1: Updates: 06/02/2019 Εικόνα 2,3,4: App Εικόνα 5: Διαστάσεις: Εικόνα 6: Επιφάνεια εργασίας: Εικόνα 7,8,9,10: Επιφάνεια εργασίας: Εικόνα 11: Drag and Drop: Εικόνα 12: Drag and Drop: Εικόνα 13: Starbucks: Εικόνα 14: Επιλογή peoject: Εικόνα 15: Διαμοιρασμός: Εικόνα 16: Επεξεργασία σελίδων: Εικόνα 17: UI Flow: Εικόνα 18: Mockplus idoc:

21 Σας ευχαριστώ πολύ για την προσοχή σας!