Our Agency Process

reflow team,

 

 

first let me think product great first step creating valuable tool people creating responsive experiences. wanted take time describe agencies thoughts on how integrate tool our methodology.

wireframing

we have strong ux practice rooted fundamentally in ia best practices put great deal of emphasis creating solid wireframes. have been toying around best possible methodology expressing responsive experience , have used several different techniques communicate our concepts clients, each varying degrees of success. came across extremely simple tool @ http://www.lifeishao.com/rwdwire/ and piqued our interest create low fidelity gray box designs moved. tool, although extremely rudimentary great across skill levels , levels of html/css/js knowledge. however, left wanting make more polished , grow our full design process. found reflow , have been toying things ever since. echo of concerns others have faced in level of exactness reflow requires , lack of ambiguity can handle. rwdwire has 0 controls , simple dragging , clicking gets concepts across , provides light of napkin feel wire framing requires.

another feature of reflow has caused angst ability model things navigation controls, critical wireframe design. burgers, supermenus, flat navigation structures need developed in responsive way , haven't been able model process in reflow.

 

creation of components, thinks product loops on grid pages , other reusable components need taken care of cause issues, ability reuse these components in other page representations. library or toolbox of these components ideal. may ask why important wireframes? having change 1 component , have change reflected everywhere saves lot of time in things product loops, headers, footers, etc changed frequently.

 

upping fidelity

most of our uxa's aren't designers , have more design skill others, have talented group of visual designers create visual treatments underlying wireframes. while said exactness of structure reflow provides bad on, helps out @ phase provide designers boxes need live within treatments. being said, our designers take liberties wireframes , make nuanced decisions address needs of aesthetics , interface. have learned give ourselves inexact structures don’t' waste time on futzing floats , margins , padding gray boxes work right. flexibility key, rwd gave ability not live within realm of html till needed to.

 

once designers create work need insert boxes provided, haven't been able figure ways allow import these without making new objects, rather importing them configured gray boxes exist wireframes…maybe way copy movements, attributes, , settings 1 object great.

 

showing off

another function having trouble creating experiences showing designs clients. can have multiple "pages" open directly assets directories fine, way link things project of pages or site map allows click through between pages created helpful, give realistic prototype experience. know simple html think construct of having application know relationship might powerful.

 

developers

most developers "yuck! i'm not taking code spit out of program." our developers feel comes out of reflow, while not pretty or enough them directly cut , paste editors, provide them breakpoints , loose structure provides important guide dance. in reality glad thinking these things before them impossible requests.

 

next steps

as person tasked integrating new tools ux process @ company interested in getting crack @ features , functions considering enhancement preview. our process seeing more , more requests rwd enhancement , tools 1 of many ways enhance our offering.

 

please feel free reach out me if have questions our process or our needs.

-scott

More discussions in Edge Reflow CC Preview

adobe