觀看展示Nozbe Personal應用的導航和界面的簡短影片:
界面的設計思想就是在5列區域中提供應用內容:
1. 圖標欄 - 它固定在界面左邊,其作用是切換應用中的各種視圖(收件箱,項目,團隊,設置,等等)。
2. 側邊欄 - 它作爲圖標欄的展開形式呈現,其作用是用來選取用戶希望查看的任務列表。 例如,任務信息有:
3. 任務視圖 - 它是最重要的視圖,用戶在這裏停留的時間最多。 藉助自身的明朗設計使用戶將精力集中在可行性操作上,繼而實現完成更多工作的目地。
4. 任務詳情 - 在這裏您可以管理任務的所有參數設置和評論。 其已被設計成從任務視圖的右側邊緣滑出並蓋住該視圖。 其設計思想就是讓用戶將精力集中在特殊任務以及它的內容上。 在這裏,用戶會找到他或她要完成任務所需的所有元素。
5. 信息欄 - 這裏由標籤拼接,其作用是:
6. 黑暗模式 - 如果您比較喜歡使用黑暗模式,您也可以在Nozbe Personal開啟黑暗模式。 請選“設置” ,然後再按右上角的月亮即可。 另一個方法是按 設置 -> 一般 -> 本地設置。 請注意,行動裝置也可以開啟黑暗模式。
Nozbe Personal同樣有水平用戶界面元素:
Nozbe Personal應用是全響應設計的並且它可以用3種模式來呈現用戶界面。 具體要取決於應用的窗口寬度以及在所有平臺上的規則適用性。
當應用的窗口寬度高於1023個像素時此模式被激活。 在此模式下,您可以在同一視圖中查看5列的全部信息。 它對於”每週回顧”而言是最好的模式 :) 當然,它不僅能運行在桌面設備上,而且還能以橫向模式運行在iPad上。
OS X系統上的桌面模式:
iPad平臺系統上的桌面模式 (在桌面模式運行移動端應用界面):
當應用的窗口寬度介於735和1023個像素之間時此模式被激活。 在此模式下您總能看到至少2列遍佈界面之上。 這是專爲iPhone 6 Plus的橫向模式所設計的,但是它也能工作在iPad的縱向模式以及一些Android智能手機和平板上。 它對於您在移動設備上審查項目來講是一個很好的解決方案。 當然,您也可以在桌面端使用這種模式,您要做的就是縮小應用的窗口寬度。
OS X系統上的混合模式:
iPhone 6 Plus平臺系統上的混合模式:
當應用的窗口寬度低於735個像素時此模式被激活。 “5列"的概念也拓展到了移動端應用上。 它與桌面端的主要不同之處就是這裏始終是單列顯示。 您可以藉助輕敲和手勢在視圖間切換。 在這裏您可以看到每個視圖(列)是如何在我們的移動端應用中顯示的:
OS X移動模式