fmk2014 engaging design, snappy users experience & creative user interaction by vincenco mennano

19
© 2014 FileMaker, Inc. Engaging Design, Snappy Users Experience, & Creative User Interaction Vincenzo Menanno Director of FileMaker Development @ beezwax

Upload: verein-fm-konferenz

Post on 27-Jun-2015

235 views

Category:

Technology


0 download

DESCRIPTION

Design | Performance Experience | Interaction Architecture Research & Development Inspiration & Innovation (feature slam) Rethink, Redefine, and Recreate Feedback Opportunity Moments Information Snippet Performance

TRANSCRIPT

Page 1: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc.

Engaging Design, Snappy Users Experience, & Creative User Interaction

Vincenzo Menanno Director of FileMaker Development @ beezwax

Page 2: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Design | Performance

Architecture

Research & Development

Inspiration & Innovation (feature slam)

Rethink, Redefine, and Recreate

Experience | Interaction

Feedback

Opportunity Moments

Information Snippet

Performance

Page 3: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Providing Feedback

Demo: Feedback

Easy EnhancementsHoverPressedIn Focus

Provide confirmation (flash dialogs)Show Progress Determinate Indeterminate

Demo: Notification

Page 4: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

ArchitectureIDID

ID

Zaha Hadid, Heydar Aliyev Centre

To build something truly great you have to challenge yourself and use different materials. Not your typical brick building.

new bay bridgeThe Most Complex Engineering Project in California History

Page 5: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

FileMaker ArchitectureKeys

Audit Fields

Data Fields

Calculation Fields

Summary Fields

CUSTOMER

CREATED_BYCREATEDMODIFIED_BYMODIFIED

ID

NAMEADDRESSCITYSTATEZIP

LAST_CONTACTEDNUMBER_OF_INVOICESAVERAGE_INVOICESUM_INVOICES

Over time, new capabilities come along and we find better ways to do things - conditional formatting!

Page 6: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Architecture ConsiderationsNarrow Tables (load faster)Fewer Fields (less mental load)Stored Values (no dependencies)Intersection of Perform Script on Server and TransactionsUsers can edit dataServer side scripts can update totals

CUSTOMER

CREATED_BYCREATEDMODIFIED_BYMODIFIED

ID

NAMEADDRESSCITYSTATEZIP

LAST_CONTACTEDNUMBER_OF_INVOICESAVERAGE_INVOICESUM_INVOICES

CUSTOMER_STATSIDID_CUSTOMER

LAST_CONTACTEDNUMBER_OF_INVOICESAVERAGE_INVOICESUM_INVOICES

AUDITIDID_FOREIGN

CREATED_BYTIMESTAMPACCOUNTFIELDVALUE

Users Scripted

Page 7: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

All stored valuesUPDATE field is triggerExpense is entered via transactionVia Perform Script on Server As fast as being on the LAN Consistent for world wide users

BUDGETID

ID

EXPENSEIDID_BUDGET

DATEDESCRIPTIONAMOUNT

Demo: Camping

DESCRIPTIONBUDGETEXPENSESTOTAL_EXPENSESBALANCE

UPDATE

Stored

Page 8: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Research on Perform Script on Server ( see blog post )ID

UPDATE

Page 9: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Set up to have imports happen on server ( see blog post )ID

UPDATE

Path to additional folder

Path to documents folder

Page 10: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Opportunity MomentsWhat are theyInstagram (uploading large images)

Demo: Import ( on server )

Blog post about imports on Server

Take Picture

Choose Filtertime

Send

send picture

Add Text

time

Take Picture

Choose Filtersend picture

Sendits already there

Add Text

keep sending

Imports are great opportunity momentsFilling out a form (validation along the way)Find your own opportunity moments

Page 11: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

NoSub-Summary (not only sub-summary)Pros

Improved PerformanceDispatch them (and get back to work)Build your own cache

ConsComplex sub-summary reportsOverload Perform Script on Server

Demo: Baby Names (on server)

Page 12: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

NoSub-Summary

Palo Alto ( LAN ) … 5,552,452 records All All 180 220 -22,2 %Palo Alto ( LAN ) … 347,231 records CA All 12 15 -25,0 %Palo Alto ( LAN ) … 273,134 records NY All 8 12 -50,0 %Palo Alto ( LAN ) … 611,163 records All 1980…1989 20 20 0,0 %Palo Alto ( LAN ) … 1,895,534 records All 1910…1959 58 75 -29,3 %Palo Alto ( LAN ) … 3,285,808 records All 1960…2009 198 133 32,8 %

-15,6 %

(not only sub-summary)Location State Year Normal Sub-

Summary Fake Sub-Summary

PercentOakland ( 33.2 miles away ) … 5,552,452

recordsAll All 396 217 45,2 %

Oakland ( 33.2 miles away ) … 347,231 records

CA All 27 12 55,6 %Oakland ( 33.2 miles away ) … 273,134 records

NY All 23 11 52,2 %Oakland ( 33.2 miles away ) … 611,163 records

All 1980…1989 55 24 56,4 %Oakland ( 33.2 miles away ) … 1,895,534 records

All 1910…1959 163 72 55,8 %Oakland ( 33.2 miles away ) … 3,285,808 records

All 1960…2009 236 135 42,8 %51,3 %

France ( 5554 miles away ) … 5,552,452 records

All All 820 260 68,3 %France ( 5554 miles away ) … 347,231 records

CA All 58 15 74,1 %France ( 5554 miles away ) … 273,134 records

NY All 55 15 72,7 %France ( 5554 miles away ) … 611,163 records

All 1980…1989 115 26 77,4 %France ( 5554 miles away ) … 1,895,534 records

All 1910…1959 287 138 51,9 %France ( 5554 miles away ) … 3,285,808 records

All 1960…2009 460 131 71,5 %69,3 %

Page 13: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Send SMS from FileMakerBlog post by Jeff England on designingfilemaker.com

TWILIO

FILEMAKER

SMS

Using Insert from URLIs server compatible

Twilio.com

Page 14: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

SMSReceive SMS messages

Demo: Twilio

Stephane Thomas & Vincenzo Menanno (beezwax)

Siri IntegrationGet Information SnippetsCreate Data

Twilio.comTWILIO

Process

RUBY

Process & Filtering

FILEMAKER

Action

Page 15: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Research and Development

Demo: Timed Visibility

El BuliBell LabsExperimentFeature SlamWhat if you combined (feature slam) OnScriptTimer & Visibility Calculation

Page 16: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Links to inspire youArchitecture

- The New Bay Bridge- Heydar Aliyev Centre

Research & Development- Bell Labs- Ted Talk about Superconductivity- Ted Talk about Rethink, Redesign, Recreate- El Buli Cooking in Progress

Transactions- Todd Geist great blog post about Transactions- El Buli Cooking in Progress

Page 17: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

And that is ...

Page 18: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Session Updates

This session HAS updates from what was originally posted.

www.filemaker.com/devcon/speaker_updates(This is also listed in your conference guide)

Page 19: FMK2014 Engaging Design, Snappy Users Experience & Creative User Interaction by Vincenco Mennano

© 2014 FileMaker, Inc. #FileMakerDevCon

Thank You!

Please remember to fill out the session evaluation at:www.filemaker.com/devcon/evaluations