Sharing the Wireframe Pie with Sketch

3b2aec6e9020bfeb0cd4df6436abf56b?s=47 John Flynn
February 09, 2017

Sharing the Wireframe Pie with Sketch

"Aren't wireframes the designer's job?" The benefits to including your team in this process and achieving better (and more efficient!) visual communication.

Jeff Gothelf on getting out of the deliverables business: http://www.jeffgothelf.com/blog/lean-ia-getting-out-of-the-deliverables-business/

Audrey Crane on napkins: https://designersandgeeks.com/events/when-you-get-a-napkin-sketch

Wireframe kit: http://bryneshrimp.com/supply

Lingo app: http://www.lingoapp.com

3b2aec6e9020bfeb0cd4df6436abf56b?s=128

John Flynn

February 09, 2017
Tweet

Transcript

  1. WIREFRAME PIE THE BENEFITS OF GIVING PRODUCT MANAGERS, DEVELOPERS, AND

    FELLOW DESIGNERS A SLICE OF THE MAY CONTAIN NUTS
  2. JOHN FLYNN HELLO, I’M “A PLAN IS JUST A LIST

    OF THINGS THAT DON’T HAPPEN” TALK SPONSORED BY BRYNESHRIMP HEAVY INDUSTRIES FIG.01A
  3. SKETCH IS AN AWESOME TOOL

  4. CHEAP FAST GREAT RESOURCES

  5. CHEAP FAST GREAT RESOURCES COMPANY WON’T PAY FOR IT HAVE

    TO LEARN OTHER TOOLS YOU WANT ME TO USE WHAT?
  6. “AREN’T WIREFRAMES THE DESIGNER’S JOB?”

  7. 1. BETTER AND MORE VISUAL COMMUNICATION

  8. HUMANS NATURALLY THINK VISUALLY

  9. LESS MISCOMMUNICATION EQUALS LESS WASTED EFFORT

  10. 2.0 System architecture description 2.1 Overview of modules / components

    Our system is designed with extensibility and scalability in mind. We are taking great care in designing a framework which can be updated easily. Many of the anticipated changes to our system in future phases will only require adding new types of data and changing the user presentation code to make use of these new data. The framework we have designed will only require "plugging in" these new types of data without refactoring the logic that passes the data over the network, retrieves and updates the database, etc. There are five basic, logical components of the system: the Database Engine, the Class Library, the Server Procedure Proxy, the Server Application, and the Client Applications. 2.2 Structure and relationships Refer to the appendix at section 7.1 for a graphical representation of the relationships between these objects. Database Engine Existing open source software: Ingres Hosts the backend database which is used for central data storage. Class Library Java package which holds all Java classes (and "Java Beans") that both the server and client applications use to represent the data in memory. Provides a uniform representation on both sides of the network connection. Most updates and additions will require only updating this library. Updates to the package must be backwards compatible. Client applications can use these objects to represent data, separating it completely from the server-side representation. Server Procedure Proxy Java class which provides local methods for invoking remote methods on the server application. Will be contained within the client-side class library. Takes care of serializing the objects passed to and from the client application so they can be sent over the network. Hides the details of how communication with the server is achieved. If a change in communication strategy is desired, this would only require updating this class. Simplifies client/server communication for the client. Server Application Implemented in Java Provides methods and procedures that can be invoked remotely by a client application via the server procedure proxy. DO YOU UNDERSTAND MORE ABOUT A SYSTEM FROM READING THIS…
  11. OR FROM THIS?

  12. 2. GETTING OUT OF THE DELIVERABLES BUSINESS

  13. OH WOW

  14. SKETCH IS JUST A TOOL

  15. WIRES-FINAL-V4-NEW- FINAL-PLEASE-HELP- ME.PDF YOU ARE MORE THAN JUST A GATEKEEPER

    OF WIREFRAMES
  16. THIS IS NOT NAPKINS AN EXCUSE FOR PEOPLE TO START

    MAKING & HANDING OUT NAPKINS MAKE PEOPLE FEEL BAD
  17. None
  18. “OK. HOW DO I SHOW THEM?”

  19. USE A COMPONENT LIBRARY

  20. LINGO

  21. BRYNESHRIMP.COM/SUPPLY DOWNLOAD THE KIT AT DATA AND USAGE FEES MAY

    APPLY @BRYNE