Экран планирования похода
This commit is contained in:
@@ -34,6 +34,7 @@
|
||||
\renewcommand\listingoffset{0.2em} %отступ от номеров строк в листинге
|
||||
\renewcommand{\arraystretch}{1.4} % изменяю высоту строки в таблице
|
||||
\usepackage[font=small, singlelinecheck=false, justification=centering, format=plain, labelsep=period]{caption} %для настройки заголовка таблицы
|
||||
\usepackage{subcaption} %для подфигур
|
||||
\usepackage{listings} %листинги
|
||||
\usepackage{xcolor} % цвета
|
||||
\usepackage{hyperref}% для гиперссылок
|
||||
@@ -912,11 +913,57 @@
|
||||
|
||||
\begin{figure}[h!]
|
||||
\centering
|
||||
\includegraphics[width=0.5\linewidth]{img/template-screen.png}
|
||||
\includegraphics[width=0.6\linewidth]{img/template-screen.png}
|
||||
\caption{Шаблон экранной формы мобильного приложения "По грибы!"}
|
||||
\label{fig:template}
|
||||
\end{figure}
|
||||
|
||||
\section{Эскизы экранных форм}
|
||||
|
||||
На основе разработанного шаблона созданы экранные формы для ключевых процессов приложения. Каждая форма реализует описанные ранее функции и соответствует принципам дизайна ISO 9241-161.
|
||||
|
||||
\subsection{Экран планирования похода}
|
||||
|
||||
Экран планирования реализует функции конструктора маршрутов и подготовки к походу. Пользователь (организатор) может выбрать маршрут на карте, установить дату и время, просмотреть прогноз погоды и пригласить участников.
|
||||
|
||||
\textbf{Основные элементы экрана:}
|
||||
\begin{itemize}
|
||||
\item \textbf{Предварительный просмотр карты} --- интерактивная область высотой 200pt с наложенным маршрутом, кнопка "Выбрать на карте" для перехода к полноэкранной карте.
|
||||
\item \textbf{Информация о маршруте} --- карточка с основными параметрами: район (Токсово), расстояние (8.3 км), прогнозируемое время (4ч 30мин).
|
||||
\item \textbf{Селекторы даты и времени} --- крупные нажимаемые элементы с иконками календаря и часов, отображают выбранные значения.
|
||||
\item \textbf{Виджет погоды} --- показывает температуру, описание погоды, время восхода/заката, скорость ветра для выбранной даты.
|
||||
\item \textbf{Список участников} --- карточки с аватарами, именами, ролями и статусами подтверждения. Кнопка "Пригласить ещё" для добавления новых участников.
|
||||
\item \textbf{Кнопки действий} --- "Сохранить черновик" (вторичная) и "Создать поход" (основная, оранжевая).
|
||||
\end{itemize}
|
||||
|
||||
Экран оптимизирован для быстрого планирования: все ключевые параметры видны без прокрутки, часто используемые действия доступны крупными кнопками. Прогноз погоды помогает организатору принять решение о целесообразности похода.
|
||||
|
||||
\begin{figure}[h!]
|
||||
\centering
|
||||
\begin{subfigure}[b]{0.30\linewidth}
|
||||
\centering
|
||||
\includegraphics[width=\textwidth]{img/planning-screen.png}
|
||||
\caption{Карта}
|
||||
\label{fig:planning-screen}
|
||||
\end{subfigure}
|
||||
\hfill
|
||||
\begin{subfigure}[b]{0.30\linewidth}
|
||||
\centering
|
||||
\includegraphics[width=\textwidth]{img/planning-screen2.png}
|
||||
\caption{Когда идём?}
|
||||
\label{fig:planning-screen2}
|
||||
\end{subfigure}
|
||||
\hfill
|
||||
\begin{subfigure}[b]{0.30\linewidth}
|
||||
\centering
|
||||
\includegraphics[width=\textwidth]{img/planning-screen3.png}
|
||||
\caption{Участники похода}
|
||||
\label{fig:planning-screen3}
|
||||
\end{subfigure}
|
||||
\caption{Экран планирования похода}
|
||||
\label{fig:planning-screens}
|
||||
\end{figure}
|
||||
|
||||
% \section{Выводы}
|
||||
% Описан интерфейс приложения для семейного похода за грибами: выделены заинтересованные лица, их ожидания, требования к платформе, модели пользователей и сценарии. Рассмотрены функции, диалоговые структуры, методы снижения ошибок и особенности дизайна. Подготовленный материал служит основой для создания макета экранов и дальнейшего прототипирования.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user