Not About Johnson Wang a product managerArt skilled with software engineering for 10 years, Experienced in desktop, web, mobile,Design of user interface is all about ﬂash gameexperience. Looking good or fancy is Knowing your business. progremming and In order to understand how the user interface design.not important. think, designer need to get more idea of how your business works. Their Currently working onUI is how we help user to operate new startup of mobile primary knowledge, culture, age, lifethe system, a bridge between system commerce solutions. style, working environment and whatfunctionality and humanity. Most solution you’re providing.people thinks that the best UI designis a interface that everyone canoperate it well. For consumer Forget aboutproduct, that’s true, but not for Engineer’s Layoutprofessional products. Normally, engineer implements their own layout to test if all function workFor professional products, UI shows a correctly. So the primary target ofclear way to help user learn how to those interface design is for testing.operate the system for basic and It’s about running through all stepsimportant functions. And provide and check if some error occurs. Andsome advance way for experienced your user doesn’t care about that.user to operate with efﬁciency way. They should focus on what they’re solving with your application.To design user interface, we need todo more than Art. Application software is a tool for helping user to solve their problem, they should never aware of the software’s existence. We never design under engineer’s layout, cause we know better about how user needs then they do.
Win AppNVR Application for Home Surveillance D-Link 2010Live View
Win AppNVR Application for Home Surveillance D-Link 2010 Selected channel Event Notiﬁcation | Channel Name | Motion Detect AreaLive View Sound ON/OFF | Enlarge Selected Channel Fullscreen Layouts Setup Playback Live Channel List Timebar Channel List Swipe timebar to shift Zoom Out | In Swipe vertically to back to instant Event Indicator show more channels. playback Focus Out | In Click for event detaiil. PTZ Controller Quick Tag Drag dot at center or snapshot & bookmark click any poit of ring. Pager Present Time Indicator Navigates between each pages Indicates the current time shows with current layout. on video. Will be always current actual time while viewing live.
Win AppNVR Application for Home Surveillance D-Link 2010 Selected channel Event Notiﬁcation | Channel Name | Motion Detect AreaPlayback Sound ON/OFF | Enlarge Selected Channel Fullscreen Layouts Setup Playback Live Play Button Single Click to switch between play forward and pause. Channel List Drag Left or Right to Play backward or forward. Timebar Channel List Event Last | Next Swipe timebar to shift Swipe vertically to back to instant Event Indicator show more channels. playback Speed Up | Down Click for event detaiil. Event Last Play Forward Play Quick Tag Backward Rotate to change snapshot & bookmark playback speed Pager Present Time Indicator Event Next Open Smart Search Dialog Navigates between each pages Indicates the current time shows with current layout. on video. Will be always current actual time while viewing live.
iPhone AppVuExpro App for Mobile Surveillance D-Link 2010Remote Live View Connections Quick Add Camera Enter host address directly and hit “+” button to connect to device automatically. Hit “+” without entering any address will bring up a search dialog. Edit Live Video List Swipe the edit button from left to right to switch to “EDIT MODE” for remove or re-arrange existed connections. It makes no sense to ask user to determine which device he bought, which resolution, connection speed, port, video encode type he need to connect to camera. In most case, a simple IP address or URL is acceptable, but maybe a device id printed on device is better. Just like google search, User can input anything he knows, and the app search any available for them. If user input nothing, then bring up a search dialog to search all near by devices.
iPhone AppVuExpro App for Mobile Surveillance D-Link 2010Connection List Connections Predeﬁned Group Icon User may select an icon for grouping HOME devices or channels. HOME GARAGE OFFICE Quick SnapViewer User can bookmark some connection at front list, which shows the newest frame while ﬁrst log-in. Living Room 22:40 Home This feature help user to quick navigate to some major channel immediately. When connecting to a nvr or any device which has more than one channel, user may swipe the thumbnail at left to navigate between channels. My Seat 22:40 Ofﬁce Other Videos... Notiﬁcation Manager Turn to bring up notiﬁcation manager which list all events and notiﬁcations from devices. 3 remainding issues.
iPhone AppVuExpro App for Mobile Surveillance D-Link 2010Live View / Playback Snapshot & Save to Photo Album Snapshot & Mail Device Commands Swipe Between Channels PTZ Operations shows when device support ptz Instant Playback By Dragging the Time Track Time Track shows when device support track playback
iPad AppVuExproConnection List / Live View Master View (Left) lists stored profiles. Detail View (Right) shows the live video of selected profile. Click Add buton to add new profile. While the profile list is empty, the UI shows a simple connection panel instead. List 9 videos in a page. Swipe to navigate between pages.
iPad AppVuExproLive View / Playback All Controllers are invisible by default. Touch Move left-Bottom Edge to Control Pan-Tilt. Touch Move Right-Bottom Edige to Control Zoom Click anywhere of View to show dynamic buttons. Including: Back to NVR Console View Show Preset Panel Snapshot & Mail Show Action Menu DIO Controlls and etc. Snapshot Swipe with three fingers to next / previous channel. Pinch for Digital Zoom. Playback Drag from left to right at bottom to start playback. Drag to end of time bar to switch back to live view. Double Tap Left to begin Navigate Backward. Double Tap Right to begin Navigate Forward. Shake to switch back to live view. Click Plus to Add Preset