source: behance.net
Attribution-NoDerivs-NonCommercial 4.0 International
Get the Image
Original image information:
1338 x 880

Copyright citation:

When a card is unlocked (1) Pencils and a han...

ByNik Payne

LicenseAttribution-NoDerivs-NonCommercial 4.0 International

<p style="font-size: 12px;color:#aaa;">版权引用:<a href="https://www.behance.net/gallery/35652063/Case-Study-Watchtower-I"><span style="font-size: 12px;color:black;">“When a card is unlocked (1) Pencils and a handle appear to signify that the cells are editable and the card is draggable.  When you click into a specific cell (2) the border leaves the card and goes to the specific card.  Also pictured is the ability to "roll back" a cell to previous edits.  When you finish making edits (3) the lock turns green to indicate unsaved changes, and a teal star appears next to the cells that have been edited.  Once the card is locked again (4) it reverts back to its original state, with dull teal stars remaining on the cells that have been altered.Because the client wanted to give users the ability to edit the values on the cards, they had us mock up the "editing flow." Essentially, users have the ability to unlock cards to edit them (the lock is to prevent error). The cells then become editable, and they can make changes to the numbers and values. This involved about six different screens, including the normal state.”</span> </a>由 <a href="https://www.behance.net/nikpayne"><span style="font-size: 12px;color:black;">Nik Payne</span></a> 授权许可 <span><a href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.zh" target="_blank" style="font-size: 12px;color:black;">Attribution-NoDerivs-NonCommercial 4.0 International<img src="" style="display: inline-block;height: 16px;width: auto;"></a></span></p>
<p style="font-size: 12px;color:#aaa;">版权引用:<a href="https://www.behance.net/gallery/35652063/Case-Study-Watchtower-I"><span style="font-size: 12px;color:black;">“When a card is unlocked (1) Pencils and a handle appear to signify that the cells are editable and the card is draggable.  When you click into a specific cell (2) the border leaves the card and goes to the specific card.  Also pictured is the ability to "roll back" a cell to previous edits.  When you finish making edits (3) the lock turns green to indicate unsaved changes, and a teal star appears next to the cells that have been edited.  Once the card is locked again (4) it reverts back to its original state, with dull teal stars remaining on the cells that have been altered.Because the client wanted to give users the ability to edit the values on the cards, they had us mock up the "editing flow." Essentially, users have the ability to unlock cards to edit them (the lock is to prevent error). The cells then become editable, and they can make changes to the numbers and values. This involved about six different screens, including the normal state.”</span> </a>由 <a href="https://www.behance.net/nikpayne"><span style="font-size: 12px;color:black;">Nik Payne</span></a> 授权许可 <span><a href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.zh" target="_blank" style="font-size: 12px;color:black;">Attribution-NoDerivs-NonCommercial 4.0 International<img src="" style="display: inline-block;height: 16px;width: auto;"></a></span></p>